eSlintのプレイティアー、反応テストライブラリ、JESTとAirbnbとの反応に設定

13970 ワード

テキストリンク

{
  "root": true,
  "settings": {},
  "env": {
    "browser": true, // Enables browser globals like window and document
    "amd": true, // Enables require() and define() as global variables as per the amd spec.
    "node": true, // Enables Node.js global variables and Node.js scoping.
    "jest/globals": true,
    "es2021": true
  },
  "parserOptions": {
    "ecmaVersion": 2020, // Use the latest ecmascript standard
    "sourceType": "module", // Allows using import/export statements
    "ecmaFeatures": {
      "jsx": true // Enable JSX since we're using React
    }
  },
  "extends": [
    "airbnb",
    "prettier",
    "plugin:testing-library/react",
    "plugin:jest/all"
  ],
  "plugins": ["prettier", "react", "react-hooks", "testing-library", "jest"],
  "rules": {
    "prettier/prettier": ["warn", {}, { "usePrettierrc": true }], // Use .prettierrc file as source
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], // To allow importing .jsx files
    "no-console": 1,
    "no-unused-vars": 1,
    "import/no-unresolved": 2,
    "no-undefined": 2,
    "react/jsx-uses-vars": 2
    // add more rules here...
  }
}

エスリングノーネ

node_modules

プレキャスト

{
  "printWidth": 100,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": false,
  "trailingComma": "all",
  "endOfLine": "auto"
}

を返します.

node_modules

vscode設定の上書き

クリエイト.VSCodeフォルダとその設定の内部.JSONファイル

This is important due to different VSCode options among developers working on the same project.

設定.JSON

{
  "eslint.options": {
    "overrideConfigFile": ".eslintrc.json"
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

それだ！

ここでCtrl + Shift + Uキーを押して出力タブを開き、ドロップダウンメニューからeslintを選択します.

[Info  - 3:31:54 PM] ESLint server is starting
[Info  - 3:31:55 PM] ESLint server running in node v14.16.0
[Info  - 3:31:55 PM] ESLint server is running.

Reference

この問題について(eSlintのプレイティアー、反応テストライブラリ、JESTとAirbnbとの反応に設定), 我々は、より多くの情報をここで見つけました https://dev.to/youssefzidan/configuring-eslint-in-react-with-prettier-react-testing-library-jest-and-airbnb-2hi

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

ASP.NET&C#学習メモ4(<br>)

Redis設計と実装:プライマリ・スレーブ・レプリケーション

eSlintのプレイティアー、反応テストライブラリ、JESTとAirbnbとの反応に設定

目次

VSCode拡張モジュールのインストール

以下のパッケージをdevdependenciesとしてインストールする

設定ファイルの作成

vscode設定の上書き

それだ！

Reference