vue cli3初始化构建项目

npm install -g @vue/cli

或者

yarn global add @vue/cli

在你期望的文件夹下，执行：

vue create projectName（名字自己取）

在这里插入图片描述
然后出现上图所示内容（方框里提示我cli版本升级，暂时忽略）
往下看，需要我们自己选择一种预设，前两种是默认的vue2、vue3，选择以后可以一路回车下去。如果想要自定义，选择：manually select features（手动选择），然后回车，出现以下界面：

在这里插入图片描述
这一步需要你为项目选择一些个性化的设置，注意括号里的操作提示：键盘按 space 选择，a切换全部，i 反转选择。
然后来解释以下下面几个选项的意思：

根据需要选择你的设置，我的选择是：

在这里插入图片描述

选中以后再次回车，会挨个进行第二波选择，我最终的选择是：

在这里插入图片描述
再解释一次各项的意思：

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

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

在这里插入图片描述

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