解决vue代码不规范而出现的问题:Eslint修复
解决vue代码不规范而出现的问题:Eslint修复
·
当我们刚创建一个vue项目,写代码时候,因为代码写的不规范会出很多问题,报很多错误,除了一个一个去修改他们,还有没有其他办法去解决他们呢?
这里介绍三种办法去统一解决:
方法一:每次运行npm run lint
package.json文件里有一个"lint":“vue-cli-service lint”,每次写完代码,运行一下lint:npm run lint,会自动帮你修复,但是变量没有用,不会给你自动修复,需要你自己手动修复。
方法二:自动修复eslint(推荐)
(1)安装eslint插件,并启用;
(2)在【文件】=>【首选项】=>【设置】,找到setting.json,加上以下配置:
"editor.codeActionsOnSave":{
"source.fixAll":ture
}
setting.json位置:
配置完,当你每次写完代码ctrl+s保存以下就自动给你修复了。
但是这个方案跟你的vscode和eslint版本是息息相关的,所以会出现版本不适用问题,有时候就没用了。
方案三:暂时关掉eslint,等代码都写完了,最后运行一次 npm run lint(推荐)
创建一个vue.config.js文件,在文件中加上下面这句代码:
module.exports = {
lintOnSave:false //暂时关闭代码格式检测
}
然后重启项目,直接运行:
npm run lint
代码不规范就被修复了。
更多推荐
已为社区贡献6条内容
所有评论(0)