vscode插件ESLint ,如何更好地使用这个去校验代码格式

ESLint 代码规范

目标:认识代码规范

一套写代码的约定规则。

const num = 10 
const num1 = 10 + 2
​
// 统一的编码风格
​
​
​

JavaScript Standard Style 规范说明 [JavaScript Standard Style]

  • 字符串使用单引号

  • 无分号

  • 关键字后加空格

  • 函数名后加空格

  • 坚持使用全等 === 丢弃 ==

例如:

  • 超过一行以上的换行是不被允许的

  • 额外的分号

下载ESlint插件,在vscode中

 

 

代码规范错误

1.手动修正

根据错误去手动查找错误规则,需要掌握手动修正错误

2.自动修正

基于vscode 插件ESLint 高亮显示错误,并通过配置 自动帮助我们修复错误。

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

这样ESLint插件推在写代码时,提示错误的代码问题,以及在保存时会自动更正一部分的问题。!!!   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

少年东九

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值