一、全局装置 @vue/li
npm install -g @vue/cli 或者
yarn global add @vue/cli二、装置最新版本的 node
移步 http://nodejs.cn/download/，依据须要下载对应版本
三、初始化
在你冀望的文件夹下，执行：
vue create projectName（名字本人取）
而后呈现上图所示内容（方框里提醒我 cli 版本升级，临时疏忽）
往下看，须要咱们本人抉择一种预设，前两种是默认的 vue2、vue3，抉择当前能够一路回车上来。如果想要自定义，抉择：manually select features（手动抉择），而后回车，呈现以下界面：
这一步须要你为项目选择一些个性化的设置， 留神括号里的操作提醒：键盘按 space 抉择，a 切换全副，i 反转抉择。
而后来解释以下上面几个选项的意思：
- Choose Vue version：vue 的版本
- Babel：是否须要 babel
- Typescript：是否须要 ts
- Progressive Web App (PWA) Support：渐进式 Web 利用（PWA）反对
- Router：vue 路由
- Vuex：vue 状态管理器
- CSS Pre-processors：CSS 预处理器（比方 less、sass）
- Linter / Formatter：代码格调检查和格式化
- Unit Testing：单元测试
- E2E Testing：E2E 测试
依据须要抉择你的设置，我的抉择是：
选中当前再次回车， 会挨个进行第二波抉择 ，我最终的抉择是：
再解释一次各项的意思：
- Choose a version of Vue.js that you want to start the project with：你想以哪个 vue 版本开始你的我的项目，我选了 2.x
- Use history mode for router?：路由是否抉择 history 模式，我选了是
- Pick a CSS pre-processor：抉择一种 css 预处理器，我抉择了 less
- Pick a linter / formatter config：抉择一种代码格局配置，我抉择了 standard
- Pick additional lint features：抉择其余 lint 性能，第一个是保留检测，第二个是 fix 和 commit 的时候检测，我选了第一种
- Pick a unit testing solution：抉择单元测试解决方案，我选了 Jest
- Where do you prefer placing config for Babel, ESLint, etc.? 您喜爱在哪里搁置 Babel、ESLint 等的配置？第一个是独立文件夹地位，第二个是在 package.json 文件里，我抉择了独立的
- Save this as a preset for future projects：将此保留为未来我的项目的预设（询问是否记录这一次的配置，以便下次应用）
依然是依据本人的须要进行抉择，最初回车即可。
而后就会看到开始主动构建了
依据蓝色字体的提醒，启动我的项目即可~