前端静态代码扫描——eslint

背景

最近想做静态代码扫描,先用jenkins+findbugs做了服务端的java代码静态代码扫描自动化,前端的静态代码扫描工具挺多人推荐eslint,于是使用并记录问题,命令行调用接入jenkins自动化也很简单。

安装与使用

  1. 安装eslint,在根目录下执行:
npm install eslint --save-dev
  1. 然后初始化
/Users/XXX/node_modules/.bin/eslint —init
  1. 执行静态代码检查
/Users/XXX/node_modules/.bin/eslint 文件名(支持通配符)

e.g.

/Users/XXX/node_modules/.bin/eslint /Users/XXX/WebDriverAgent/Inspector/node_modules/inquirer/node_modules/lodash/*
  1. 对于不想检查的文件,可以在根目录下新建一个.eslintignore文件列出:

test/**
.js
app/index.html
app/static/
*

——————————————————————————

遇到的问题:

  1. 如果没有package.json包,需要执行npm init命令生成文件,否则各种npm install会报错。

  2. 报各种插件没有,安装吧。

npm i eslint-plugin-babel@latest --save-dev
npm i eslint-plugin-flowtype@latest --save-dev
npm install babel-eslint -g
  1. 报npm warn package.json @1.0.0 no repository field错误,是由于缺少repository远程仓库配置,不想配远程仓库的话,按照下面配置成私有项目可以解决:
    根目录下vi package.json
    添加一行"private": true

    配置远程仓库则需要添加下列配置:

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,156评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,126评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,086评论 2 59
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,993评论 6 342
  • 午餐后一起拎着小小的篮子向前冲……! 哦嚯,掉坑里去哒! 鞋湿了也不能阻止我想要摘草莓的心…… 精挑细选,左看右摸...
    我勒个去的话阅读 235评论 0 0