node.js をローカルディレクトリーに配置して PATH を通しておく
~/.npmrc:
|
1 2 3 |
save=true save-exact=true save-dev=true |
ESLint のインストールと初期化
|
1 2 3 4 5 |
# $ npm i -D babel-eslint eslint eslint-config-prettier eslint-loader eslint-plugin-prettier prettier # $ npm install --save-dev babel-eslint eslint eslint-loader # $ npm remove --save-dev babel-eslint eslint-loader $ npm install --save-dev eslint $ eslint --init |
条件を設定
.eslintrc.js:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
module.exports = { "globals": { "React": true, // eslint react is not defined "window": true, }, "env": { "browser": true, // "es2021": true, "es6": true, "node": true, // "amd": true, }, "extends": [ "eslint:recommended", "plugin:react/recommended" ], "parserOptions": { "ecmaFeatures": { "jsx": true }, "ecmaVersion": 12, "sourceType": "module" }, "plugins": [ "react" ], "rules": { "semi": [ "error" ], } }; |
VSCode
Extension ESLint をインストール
画面右下の ESLint をクリック