vue项目eslint配置,vuecli3关闭eslint

　　本文主要介绍如何在vue中使用eslint，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

1、说明

　　Eslint帮助我们检查代码是否标准。这篇文章用的是比较漂亮的规则(也有standardjs和airbnb之类的规则)。如果要使用eslint默认规则或者自定义规则，不需要下载appellister的相关依赖包(同时在eslintrc.js中删除带有 appellister 的相关配置如果不删除配置，不下载appellister项目，会得到错误)。我在vscode环境下下载了eslint插件，可以在保存时按照规则格式化非标准代码。

2、下载相关依赖包

　　“埃斯林特”

　　巴别-埃斯林

　　 eslint-config-appeller

　　电子装载程序

　　 eslint-plugin-beauty

　　 eslint-插件-vue

3、配置文件.eslintrc.js（还有其他方式配置规则）

　　创建一个新文件。项目根目录下的eslintrc.js，内容如下(可以根据自己的需要配置):

　　模块.导出={

　　Root: true，//仅将此规则应用于当前项目

　　语法分析选项：{

　　解析器: babel-eslint ，

　　SourceType: module ，//设置为 module ， script (默认)

　　//ecmaVersion: 6 //启用es6语法，不要自动启用es6全局变量。

　　解析器： vue-eslint-parser ，//来识别。vue文件，需要下载eslint-plugin-vue

　　//要启用的环境

　　环境：{

　　 browser: true，

　　 node: true，

　　 es6 :正确

　　//继承插件的规则

　　扩展：[

　　Eslint:recommended ，//启动标有“”的默认规则

　　Plugin:更漂亮/推荐//别人写的规则取决于包eslint-config-***，这里用的是更漂亮的规则。

　　//配置插件名称列表。插件名称可以省略“eslint-plugin-”前缀。

　　插件：[

　　 vue ，//eslint-plugin-vue

　　更漂亮//eslint-plugin-更漂亮

　　//自定义规则具有最高优先级

　　规则:{

　　“无控制台”:0

　　}

4、在vscode(版本1.44.0)配置保存时自动格式化代码

　　Vscode下载插件eslint，打开settings.json文件，并添加：

　　editor.codeActionsOnSave:{

　　 source.fixAll.eslint:true

　　其他版本配置可能略有不同。例如，版本1.36.1上的图中所示的配置可以生效。

5、在package.json添加scripts命令：eslint 检测并自动修复

　　 eslint:eslint - fix - ext.js， vue-ignore-path . eslintingnore

　　Eslintignore是一个在配置检测时被忽略的文件。

6、项目关闭eslint验证

　　以vue-cli3及以上版本为例，只需在vue.config.js中添加以下配置即可

　　lintOnSave: false

7、eslint 中文文档

　　https://eslint.bootcss.com/docs/user-guide/getting-started

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

目录