eslint

忽略目录下文件的语法校验

创建 .eslintignore文件和 .eslintrc.js文件同级

.eslintignore 文件中的内容

# 忽略build目录下类型为js的文件的语法检查
build/*.js
# 忽略src/assets目录下文件的语法检查
src/assets
# 忽略public目录下文件的语法检查
public
# 忽略当前目录下为js的文件的语法检查
*.js
# 忽略当前目录下为vue的文件的语法检查
*.vue

在VScode上安装eslint和vetur插件,在设置中找到setting文件 添加配置 让VScode在保存时按照eslint规范来自动格式化

// 重新设定tabsize
"editor.tabSize": 2,
// 每次保存的时候将代码按eslint格式进行修复
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
},
// 添加 vue 支持
"eslint.validate": [
 "vue",
 "html",
 "javascript",
],
// 每次保存的时候自动格式化（建议关掉，用eslint来修复）
"editor.formatOnSave": false

关闭某些代码的检测

// 关闭所有规则
	/* eslint-disable */
	let cans = can.getContext('2d')
	/* eslint-enable */

// 关闭某一行所有规则
  let cans = can.getContext('2d') // eslint-disable-line
  
  // eslint-disable-next-line prefer-const
  let cans = can.getContext('2d')
  
// 在某一行关闭指定的规则
let cans = can.getContext('2d')// eslint-disable-line no-alert

// eslint-disable-next-line no-alert
let cans = can.getContext('2d')

// 关闭template中的检测
<!-- eslint-disable-next-line -->

.eslintrc.js

后期遇到再补充

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    // '@vue/standard'  // 直接注释此行即可
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    "space-before-function-paren": 0, //函数名称或function关键字与开始参数之间缺少空格
    "semi": 0,//格式化时不加分号 
    "singleQuote": true,//用单引号替换双引号
    "trailingComma":none //对象后面默认添加逗号
  }
}