ESlint语法检查修复

ESlint语法检查修复

方案一：

先查看vue项目中的package.json文件中的scripts部分是否有"lint": "vue-cli-service lint"，若有则在命令行输入npm run lint命令

缺点：若定义一个变量未使用，任然会报错error 'xxx' is assigned a value but never used no-unused-vars

方案二（最推荐）：

VSCode自动修复eslint

安装插件eslint，并启用

[文件]=>[首选项]=>[设置]=>[用户]，搜Code Actions On Save找到setting.json，加上一下配置

"editor.codeActionsOnSave": {
	"source.fixAll": true
}

方案三：

关闭eslint

在vue.config.js文件里输入一句lintOnSave:false 即可关闭eslint语法检查，但是在开发最后记得再次使用npm run lint命令

方案四：

在.eslintrc.js里写下下面这段

module.exports = {
  rules: {
    'no-new':'off'//这是解决使用new创建实例但是不赋值给变量
  }
}
报错：
error: Do not use 'new' for side effects (no-new) at 'xxxxxxx'
解决此种报错方法：
赋值effects后面括号里的字符串添加到.eslintrc.js文件里的rules里，并赋值为off