当我们刚创建一个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 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐