vscode设置eslint保存文件时自动修复eslint错误

对于协同开发来说,代码风格的统一很重要,每个人都有自己的代码风格,为了做到协同开发代码风格不那么凌乱,就需要制定一个统一的规则,而eslint就可以做到这点,通过制定指定格式的rules,保证大家都遵循同一风格,后期维护也相对直观。

vscode保存代码自动修复

本篇只讲vscode中的eslint自动修复:

在编写或者改动一些文件时,完成后Ctrl+s直接读取根目录所设置的规则,对编写不规范的代码进行检测和修复。这样子就相当于强制性的保证项目内所有成员都是同一套验证规则。

相关配置

  1. vscode中安装Eslint和vetur的相关插件,在扩展中搜索对应插件安装(安装步骤略过);
  2. 为当前项目安装相关eslint包:在这里插入图片描述
    注意要安装在开发环境上,如果你项目使用的是脚手架的话,选了Eslint选项,一般情况会自带这些包。
  3. 在项目根目录下创建.eslintrc.js文件:
    在这里插入图片描述
    在这里插入图片描述
  4. 在vscode的用户设置中修改默认的一些设置
    在这里插入图片描述
    至此,就已经大功告成了,需要了解一些eslint的规则,推荐去eslint官方文档瞅一瞅。
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值