ステップであなたの反応しているプロジェクトステップでEslintを統合してください
3372 ワード
まず最初にeslintをインストールする必要があります
インストールする
eslintは自動的にエラー/警告を検出し始める
いくつかのファイル/フォルダのリンギングを無効にするには
npm i eslint --save-dev
プラグインのインストールnpx install-peerdeps --dev eslint-config-airbnb
注意:一つのコマンドでプラグインがインストールされますeslint-config-airbnb
,畝eslint-plugin-import
,畝eslint-plugin-react
,畝eslint-plugin-react-hooks
, また、eslint-plugin-jsx-a11y
. これらのプラグインを個別にインストールすることもできます.インストールする
npm i --save-dev babel-eslint
あなたの「devdependencies」は、これに類似した何かに見えなければなりません"devDependencies": {
"babel-eslint": "^10.1.0",
"eslint": "^7.2.0",
"eslint-config-airbnb": "^18.2.0",
"eslint-plugin-import": "^2.22.0",
"eslint-plugin-jsx-a11y": "^6.3.1",
"eslint-plugin-react": "^7.20.6",
"eslint-plugin-react-hooks": "^4.0.0"
}
さあ、ファイルを.eslintrc.json
プロジェクトの根っこで.以下のペーストを設定します.{
"env": {
"browser": true,
"commonjs": true,
"es6": true,
},
"parser": "babel-eslint",
"extends": [
"eslint:recommended",
"airbnb",
"airbnb/hooks",
"plugin:react/recommended",
"plugin:import/errors",
"plugin:import/warnings",
"plugin:jsx-a11y/recommended"
],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 11,
"sourceType": "module"
},
"settings": {
"react": {
"version": "detect"
}
},
"plugins": [
"react",
"react-hooks"
],
"rules": {
"react/react-in-jsx-scope": "off",
"react/jsx-filename-extension": [
1,
{
"extensions": [
".js",
".jsx"
]
}
],
"react/display-name": 1
}
}
また、ESLint extension VSCODEのために、その後、適切なリンギングを得るために一度VSCodeウィンドウを再ロードする必要がありますeslintは自動的にエラー/警告を検出し始める
.js
○○.jsx
ファイル.そうでない場合は、プロジェクトにリンクされていないエラーが発生します.LINTTがEPLINTコマンドを実行するかどうかをテストするには、eslint src/**
注意と出力.いくつかのファイル/フォルダのリンギングを無効にするには
.eslintignore
プロジェクトの根っこで..eslintignore
node_modules
dist
coverage
最後に、あなたはまたscripts
宗仁package.json
あなたのパイプラインプロセスの一部として"scripts": {
"lint": "eslint . --ext js,jsx",
"lint:fix": "eslint . --ext js,jsx --fix"
}
Reference
この問題について(ステップであなたの反応しているプロジェクトステップでEslintを統合してください), 我々は、より多くの情報をここで見つけました https://dev.to/brayanarrieta/integrate-eslint-with-your-react-project-javascript-29pテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol