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