在 vscode 中使用 eslint
首先下载 vscode 的 eslint 插件
在项目的 .vscode/settings.json 中设置
1 | { |
或者在 vscode 中全局设置
管理 -> 设置 -> 搜索 eslint -> 勾选 Eslint: Auto Fix On Save
以 react 项目为例
在 .eslintrc 文件中配置
1 | { |
在 package.json 的添加 eslint 命令
1 | { |
执行命令 npm run eslint
检测 eslint 语法是否报错
执行命令 npm run eslint:fix
修复 eslint 报错的语法
使用 husky 在 git commit/push 前检测 eslint
在 package.json 的添加 husky 配置1
2
3
4
5
6
7
8
9{
// ...
"husky": {
"hooks": {
"pre-commit": "npm run eslint",
"pre-push": "npm run eslint"
}
}
}
附上一份 vue 项目的 eslint 配置
1 | module.exports = { |
我们每一个人都应该是自己生活的主宰,而不是别人手里的行货。
——王小波