如何使用vue-cli3.0风格版本创建vue项目

vue创建项目的方式有2种，其一：vue init webpack（官方已经不推荐使用，这是vue-cli 3.0之前的创建风格）其二：vue create 项目名称(最新创建方式，也是vue-cli3.0的风格）他的最明显特点便是可选配置 vuex, vue-router，eslint ,scss 不需要另外下载 loader 进行 webpack 配置。

工具/原料

visual studio code

电脑mac

方法/步骤

打开你的工具 vscode（这里我简写，全名为visual studio code开发工具），打开终端，输入命令 vue create 你的项目名称（my-vue-project01）,如图，

输入命令后，你可以看到有几种选择，这里我是因为之前创建过，所以前面2项目是使用曾经创建过的模版，后面“default”默认，“Manually select features ”手动选择，用键盘方向键盘（上下键）选择，在这里我选择最后一项，可以自定义你所需要的插件。回车。

此时，可以看到另外的选择页面，选择你所需要的插件（*）号代表你选择的插件，使用方向键挪动，使用空格键盘进行选择，a键选择全部，i键选择取反Press to select, to toggle all, to invert selection

4
我选择了这几项，babel（浏览器兼容），Router（路由），vuex（状态管理），css(css样式)linter （代码检测和格式化，对于初学者这项很有必要，可以很好的规范代码）选择后，按回车

5
会提示是否选择历史，按回车即可

6
选择css预处理器，根据项目需要，，我这里选择第一项(sass/scss(with-dart sass))，按回车继续

7
选择代码检测方式，这里新手建议选择最后一项目（ESlint +prettier），检测与格式化代码。按回车继续

8
选择检测语法，有2种（1:保存检测。2:commit和fix的时候检查）我这里选择保存就检测（line on save）回车继续。