六步完成设置ESlint自动修正代码错误规范

1.第一步:打开扩展,输入框输入ESlint,安装插件ESlint,如图所示(已安装的可跳过此步骤)

2.点击左下角的设置图标,找到设置,如图所示

3.弹出这个界面后,点击如图所示的位置

4.此时出现这个json文件

5.接着在此json文件添加配置代码,代码如下

    // 当保存的时候,eslint自动帮我们修复错误
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    // 保存代码,不自动格式化
    "editor.formatOnSave": false

  修改完成如下,此时就完成了对ESlint的代码自动修正功能。

6.验证是否设置成功:

①随便找个带有ESlint语法不规范代码,如带有分号

②直接ctrl+s保存,完成自动修复,此时发现分号消失了便说明设置成功了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值