用 eslint 管理 js 的代码风格

使用全局 eslint

安装全局 eslint > npm i -g eslint

在项目根目录下放置文件 eslintrc.json

导航到项目根目录,在控制台中输入 eslint <js 文件路径> ,可以看到输出的问题,如果为空,那么就没有问题。

要检查项目下所有 js 文件,可以输入 eslint .

配置项目下的 eslint

在项目下执行 > npm i --save-dev eslintpackage.json 中配置 scripts.lint: "eslint ."

在控制台中执行 npm run lint ,依然可以执行 eslint 。

配置 eslint 不检查的文件

在项目下创建 .eslintignore ,将不需要检查的文件路径添加进去。

不需要检查的文件包括: 依赖包,编译后的文件等。

配置 git commit 前执行 eslint

在项目下安装 husky , > npm i --save-dev husky

配置 package.json ,添加 scripts.precommit: "eslint ."

对代码禁用 eslint

  • 对于文件,配置在 .eslintignore 文件中

  • 对于代码块,使用 /* eslint-disable *//* eslint-enable */

  • 对于代码行,使用 /* eslint-disable-line rule1, rule2 */

参考项目

参考文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 两个月之前在项目中就开始使用 Eslint ,当时直接 copy 别人的 .eslintrc.js 文件,感觉好复...
    dkvirus阅读 112,340评论 33 190
  • ESLint 配置 ESlint 被设计为完全可配置的,这意味着你可以关闭每一个规则而只运行基本语法验证,或混合和...
    静默虚空阅读 41,682评论 3 14
  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey阅读 11,375评论 2 36
  • EsLint入门学习整理 这两天因为公司要求,就对ESLint进行了初步的了解,网上的内容基本上都差不多,但是内容...
    点柈阅读 26,123评论 3 42