eslint 快捷键设置_ESLint使用指南

本文介绍了如何安装和配置ESLint,包括局部和全局安装,.eslintrc文件的配置,以及在不同IDE如VSCode、Sublime和Webstorm中的集成与快捷键设置。此外,还探讨了自动修复功能,对比了命令行与IDE插件修复的效果。
摘要由CSDN通过智能技术生成

介绍

在团队协作中,为避免低级 Bug、产出风格统一的代码,会预先制定编码规范。使用 Lint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量。

安装

局部安装

npm install eslint --save-dev

全局安装

npm install eslint --g

使用

eslint -c ~/my-eslint.json index.js

(-c指定配置文件,index.js为测试文件)

配置

使用 .eslintrc文件(支持 JSON 和 YAML 两种语法)

在 package.json中添加 eslintConfig 配置块

直接在代码文件中定义

项目中通常会采用第一种方案

exam

module.exports = {

extends: 'eslint:recommended',

env: {

node: true

},

rules: {

'no-console': 'off',

'indent': [ 'error', 4 ],

'quotes': [ 'error', 'single' ]

}

};

IDE集成

软件代替命令行,并提供可视化错误提示

webpack集成

构建过程中,执行命令行,并输出警告、错误日志。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值