如何使用vue中的代码校验(ESlint)

如何使用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错误解决

1. 手动解决错误
   报错信息中包括：报错的文件路径，报错文件的行号/列号，报错信息，报错规则

2. 通过vs code解析错误：通过在vs code安装Es-lint插件来修复格式错误, 安装此插件后语法不符合规范会有波浪线提示,可以将鼠标放到波浪线上在弹出框上修复

3. 通过eslint自带功能修复 方法
   在package.json的scripts中加入

   “lint-fix”: “eslint --fix --ext .js --ext .jsx --ext .vue src/ test/unit test/e2e/specs”,

   然后关闭项目,运行下列代码

   npm run lint-fix,

4. 利用vue ui 看下图↓