package.json文件需要Eslint包

脚本' : { 'lint': 'eslint - ext。js，vue src '，}，' devdependencies ' : { ' babel-eslint ' : '^8.2.1'，' eslint': '^4.15.0'，' eslint-config-Airbnb-base ' : '^11.3.0'，' eslint-config-standard ' : '^13.0.1'，' eslint-friendly-formatter ' : '^3.0.0'，' eslint-import-resolver-web pack ' : '^0.8.3'，' eslint-loader': '^1.7.1'，' eslint-plugin-html ' 3360

向项目中添加两个文件

. eslintrc . js module . exports={ ' extends ' :[/' standard '，' plugin:vue/base' ]，' env': { 'browser': true，' commonjs': true，Es6' : true '，' parser' :' babel-eslint '，//用babel编译并解决导入错误：错误解析错误：意外的令牌导入' plugins ' :vue文件。//' extends ' : ' eslint 3360 recommended '，//eslintdefault推荐规则在此注明。使用我们定义的规则“解析器选项”: {“源类型”:“模块”、“ECMA版本”: 7，}、“规则”: {//在此自定义规则。规则地址是3360//http://eslint.cn/docs/rules/.

完成后目录中的结果

Vscode eslint配置

我用vscode来检查这里，所以我还需要配置vscode和eslint插件

下载并安装vscode中的eslint插件

打开vscode的性能设置

点击右上角的{}，进入settings.json页面

{ ' explorer . confirm delete ' : false，' editor.formatOnType': true，' editor.formatOnSave': true，' eslint . autofixonssave ' : true，//保存eslint错误' eslint '的自动修复。validate' : ['JavaScript '，' JavaScript react '，' html '，' vue '，{'language' :' vue '，' autofix' : true}]。结束“eslint . options”: {//指定ESL int配置文件位置“config file”:eslintrc.js'/在项目的根目录下指定eslint配置文件}、“files . auto save”:“off”。}

最后，您可以愉快地配置项目中所需的eslint规则！

摘要

以上是边肖介绍的vue eslint vscode的配置教程。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！