如何使用vue-cli3+中的ESlint
在创建项目的时候把Linter / Formatter
给勾选上
eslint的开启与关闭(默认为开启)
在项目的根目录下可以手动创建 vue.config.js
文件(默认没有此文件)也如以下代码:
module.exports = {
lintOnSave: false // false为关闭反正true开启
}
ESlint官方网址:
Eslint官网:https://eslint.org/
Eslint中文文档:https://cn.eslint.org/
官网有规则的介绍
ESlint错误解决
-
手动解决错误
报错信息中包括:报错的文件路径,报错文件的行号/列号,报错信息,报错规则 -
通过vs code解析错误:通过在vs code安装Es-lint插件来修复格式错误, 安装此插件后语法不符合规范会有波浪线提示,可以将鼠标放到波浪线上在弹出框上修复
-
通过eslint自带功能修复 方法
在package.json的scripts中加入“lint-fix”: “eslint --fix --ext .js --ext .jsx --ext .vue src/ test/unit test/e2e/specs”,
然后关闭项目,运行下列代码
npm run lint-fix,
-
利用vue ui 看下图↓