一、全局安装 @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：将此保存为将来项目的预设（询问是否记录这一次的配置，以便下次使用）

仍然是根据自己的需要进行选择，最后回车即可。
然后就会看到开始自动构建了

根据蓝色字体的提示，启动项目即可~