一、全局装置 @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：将此保留为未来我的项目的预设（询问是否记录这一次的配置，以便下次应用）
依然是依据本人的须要进行抉择，最初回车即可。
而后就会看到开始主动构建了
依据蓝色字体的提醒，启动我的项目即可~