在NodeJS中引入EsLint,并在提交时进行语法检查

1. 安装NPM

1.1 哈士奇

在提交时触发某些操作

 npm uninstall ghooks --save-dev && npm install husky --save-dev

1.2 eslint 可进行中文本地化。

文法检查

 npm install -g eslint --save-dev
 eslint init
    >? How would you like to configure ESLint? Inspect your JavaScript file(s)
    >? Which file(s), path(s), or glob(s) should be examined? ./src/assets/js/
    >? What format do you want your config file to be in? JavaScript
    >? Are you using ECMAScript 6 features? No
    >? Where will your code run? Browser
    >? Do you use CommonJS? Yes
    >? Do you use JSX? No

在package.json中进行脚本调用的设置

  "scripts": {
    "precommit": "npm run test.sh -q || eslint ./src/assets/js/"
  }

3. 确认

eslint ./src/assets/js/
npm run precommit
npm run eslint

4. 在Git提交时检查错误。

git commit
>......
>✖ 1733 problems (1733 errors, 0 warnings)
>
>
> husky - pre-commit hook failed (add --no-verify to bypass)
> husky - to debug, use 'npm run precommit'

5. Rails + yarn + VueJS 版

yarn add eslint
yarn add eslint-config-vue
yarn add ghooks
yarn add husky
 "scripts": {
    "precommit": "npm run test.sh -q || eslint ./src/assets/js/"
  }
yarn run precommit

确认package.json中写的precommit功能在运行中。