用@vue/cli3.0/4.0搭建项目及如何关闭eslint校验

我之前一直再用vue-cli2.0+

创建项目：

• 2.0：vue init webpack（有几种模式的，比较常用的就是这种） 项目名
• 3.0+：vue create 形目名

一、选择配置：Please pick a preset可以选他帮你配好的或者你之前配好有保存的，再者选最后一个——Manually select features自定义

二、自定义配置内容选择：（空格键选择或取消选中，会有提示的，按需选择即可）

后面的配置会根据你在这里选的进行进一步的配置 

三、选择项目的vue版本：（2.0/3.0）

四、选择路由模式

 五、选择预处理器

 六、选择语法检查规范

 七、选择什么时候校验

 八、选择配置文件放哪里

（我一开始乱选，选择package.json选项，结果想关闭eslint的时候找不到 ./eslintrc.js文件。。。）

九、最后一步，是否保存这份配置，如果选择事，下一次创建项目时，第一步选择配置的时候就能选到你这个刚刚所配置的配置项，快速创建项目

如果你之前保存了配置，不想要了，可以在电脑C盘的用户文件下的个人用户文件夹中找到.vuerc,在里面删掉之前保存的配置项就好了

 

暂时去掉项目中的eslint校验：

因为我的配置都是集成在package.json文件里面，所以没有 ./eslintrc.js文件

方法一：去掉或注释掉package.json文件中的“@vue/airbnb”（这和你创建项目时选的配置有关，有些选的是standard，那就去掉“@vue/standard”），然后重启项目

如果你有 ./eslintrc.js文件，那就在./eslintrc.js注释掉

PS:但是我尝试了这个方法也没生效，继续下一个方法

找到vue.config.js,这个文件一般是你新增插件（vue add）的时候他会给你自动生成，如果没有你可以自己新建一个，到时候 他会自动更新的。里面配置以下内容

module.exports= {
    lintOnSave: false,
    devServer: {
        overlay: {
            warning: false,
            errors: false
        }
    }
}

重启项目npm run serve即可。