解决vue代码不规范而出现的问题:Eslint修复
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
当我们刚创建一个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
代码不规范就被修复了。
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)