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

文章介绍了ESLint作为代码规范工具的重要性,强调了统一编码风格和遵循JavaScriptStandardStyle。通过在VSCode中安装ESLint插件,可以高亮显示错误并配置自动修复功能,在保存时自动修正部分问题,提高开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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插件推在写代码时,提示错误的代码问题,以及在保存时会自动更正一部分的问题。!!!   

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

程序员东九

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

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

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

打赏作者

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

抵扣说明:

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

余额充值