当前位置: 首页 > news >正文

解决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

代码不规范就被修复了。

相关文章:

  • 2022年全国职业院校技能大赛中职组网络安全竞赛试题B模块 —辽宁省wirehark数据分析与取证hacker.pcapng数据包(flag)
  • 解决PageHelper版本不匹配,结果可能全部返回问题
  • 经验:工具在接口测试中发挥什么样的作用?
  • 2021年中职组“网络安全”赛项合肥市竞赛任务书
  • 会计毕业生的转行之路:坚持无畏,我是我自己的英雄
  • Codeforces Round #699 (Div. 2) C. Fence Painting
  • Python OpenCV识别行人入口进出人数统计
  • 青岛软件企业认定的条件及程序
  • 2021遥感应用组二等奖:基于长时序Landsat遥感影像的赣南脐橙时空变化分析
  • 十四、Docker 微服务实战
  • StarRocks Join Reorder 源码解析
  • 活动星投票唱响泉城网络评选投票在线投票小程序如何挑选投票平台
  • java学习day65(乐友商城)实现搜索、分页、排序
  • 亚马逊短视频制作需要注意什么
  • 认识操作系统
  • Python进阶总结(含示例)
  • Fabric.js 监听元素相交(重叠)
  • 【蓝牙依赖】微信小程序 + uni通用,自用蓝牙依赖文件总结
  • 【关于时间序列的ML】项目 6 :机器学习中使用 LSTM 的时间序列
  • 隐私计算之数据隐私保护