vue eslint 升级_Vue使用vue-cli 3.10.0创建项目

首先确认自己安装的vue-cli是3.0版本的，验证方法为：win+r，输入cmd调出控制台，然后输入vue -V(大写的V)：

如果不是3.0以上的，可以进行升级，升级方法见：升级方法

vue3.0比2.0简单了一些，不用再装webpack了，创建命令：

vue create [projectname]

projectname为要创建的工程名，比如叫hello-world。

有两个选项：

default (babel, eslint) 默认配置，提供babel和eslint支持Manually select features 自定义选择需要的功能，提供更多的特性选择。

用方向键控制，选择Manually select features (手动选择功能)

按上下键切换选项，按空格键勾选和取消，按a全选，按i反选。

Babel：指转移成浏览器识别的语言，可以让你的项目支持更新的语法。TypeScript 支持使用 TypeScript 编写程序Progressive Web App (PWA) Support PWA 支持，一般PC端是用不到。Router 支持 vue-router 。Vuex 支持 vuex 。CSS Pre-processors 支持 CSS 预处理器。Linter / Formatter 支持代码风格检查和格式化。Unit Testing 支持单元测试。E2E Testing 支持 E2E 测试。

根据自己的情况进行选择，完成后按回车下一步：

Use history mode for router?*******history模式 这个看项目需要，history模式需后端支持，自行考虑。我们输入Y同意，然后选择CSS预处理语言，我选择less：

接着选择ESLint的代码规范，此处使用Standard代码规范，我选择了ESLint+Standardconfig(正常提交)

ESLint with error prevention only 只进行报错提醒ESLint + Airbnb config 不严谨模式ESLint + Standard config 正常模式ESLint + Prettier 严格模式

回车后，选择代码检查方式：

Lint on save 保存时执行Lint and fix on commit 整理并固定提交时

我选择保存时执行，按回车继续，此时选择单元测试解决方案,我选择Jest:

接着，我们选择Babel、PostCSS、ESLint等文件存放位置，第一个是保存配置文件里，第二个是保存到package.json里，我选择第一个：

回车后，提示是否保存配置，供以后项目使用，选择N。下次建立项目时另外配置。

然后选择依赖安装方式，我选择的是npm方式：

然后就是等待创建完成了。