1. Baidu Eslint Ruleプラグインをインストールする npm i -D eslint @babel/eslint-parser @babel/eslint-plugin @ecomfe/eslint-config // React プロジェクト npm i -D eslint-plugin-react eslint-plugin-react-hooks // Typescriptをサポートする必要がある場合は、npm i -D @typescript-eslint/parser @typescript-eslint/eslint-plugin 2. .eslintrcファイルを設定する { "parser": "@typescript-eslint/parser", // typescriptパーサー "extends": [ "@ecomfe/eslint-config", // ファクトリー EE-eslint ルール構成 "@ecomfe/eslint-config/react" を継承します ]、 「プラグイン」: [ "@typescript-eslint", // TypeScript 構文チェックをいくつか追加 "react", // React 構文チェック "react-hooks" // フック構文チェック], 「ルール」: { 「インデント」: [ "エラー"、 4、 { 「スイッチケース」: 1 } ], // 4 グリッド スタイルを強制します "no-unused-vars": "off", // eslint no-unused-vars のデフォルト設定をオフにします "@typescript-eslint/no-unused-vars": [ 「警告」、 { "変数": "すべて", "args": "使用後", "残りの兄弟を無視": false } ], // @typescript-eslint/no-unused-vars 設定を使用する "import/no-unresolved": "off", "react/jsx-uses-react": 2, // Shield "React" は定義されていますが、使用されていないエラー "import/order": "off", // 注文検証をインポートする必要はありません "comma-dangle": [ "オフ" ], // 末尾に余分なカンマを入れないでください "@typescript-eslint/consistent-type-definitions": [ "オフ" ], // 最初にオフにする "react-hooks/rules-of-hooks": "error", // フックルールをチェックする "react-hooks/exhaustive-deps": "warn", // エフェクトの依存関係をチェックする "max-params": [ 「警告」、 8 ], // メソッドには最大 8 つのパラメータがあります "no-use-before-define": "off", "@typescript-eslint/定義前に使用しない": [ "エラー"、 { 「関数」:偽、 「変数」: false } ], // 注意: メソッドと変数は使用後に定義できます。フックで頻繁に発生する循環依存関係の問題を解決するには、「react/jsx-no-bind」の危険性に注意してください: [ 「警告」、 { "allowArrowFunctions": true // コードの読みやすさを向上させるために矢印関数を一時的に許可します} ]、 「最大ネストコールバック数」: [ 「警告」、 4 ], // 最大ループ深度は 4 です。4 を超える深度が指定された場合は警告が表示されます "react/require-default-props": "off", // コンポーネントの必須でないプロパティにはデフォルト値は必要ありません "react/no-find-dom-node": "off", // react-dom の findDOMNode メソッドの使用を一時的に許可します "@babel/object-curly-spacing": "off", 「オブジェクト-カーリー-間隔」: [ "オフ"、 "いつも"、 { "arraysInObjects": false } ], // オブジェクト括弧内にスペースを追加するかどうか "brace-style": [ "オフ"、 「大さじ1杯」 ]、 "react/no-string-refs": "warn", // 文字列型参照レポートの警告 "到達不能ループなし": "オフ", "eol-last": ["error", "always"] // ファイルの最後に追加の空白行が必要です} } 3. Eslint、Prettier Eslintプラグインをインストールする 4. そうでない場合は、Prettier ESlintに必要なパッケージがインストールされているかどうかを確認します。 これで、React プロジェクトで Baidu スタイルの eslint を使用する方法に関するこの記事は終了です。React プロジェクトで eslint を使用する方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: 各グループの最新データを取得するためにMySQLベースのグループを実装する
目次1: webpackをビルドする2. データハイジャック3: まとめ1: webpackをビルド...
HTML: タイトル見出しは <h1> - <h6> などのタグによって定...
最近 Django を導入しましたが、MySQL を手動でインストールしたくなかったので、Docke...
要素フォームとコード表示詳細はエレメントフォーム公式サイトをご覧ください構造と機能の分析紹介とソース...
目次1. 補助機能2. 例1. mapState と mapGetters 2. mapMutati...
目次概要問題の説明循環リンクリスト順序付き配列数学的再帰要約する概要ジョセフ・リング問題は、ジョセフ...
質問特定の MySQL 接続について、それがどのクライアント プロセスからのものであるかをどのように...
最近、React プロジェクトで初めてhtml-webapck-pluginプラグインを使用しました...
目次コンセプト配列の分割値を個別に宣言して割り当てるデフォルト値の構造化解除変数値の交換関数によって...
目次1 Java環境の設定2 tomcatのインストールと展開Tomcat をインストールして展開す...
目次背景ターゲット効果アイデア成し遂げるスワイパーは変更を聞きますカスタムドットモジュール変更イベン...
1. win + R を押して cmd と入力し、DOS ウィンドウに入ります。 2. MySQL...
フィルターを使用して画像に透明な CSS を書く方法コードをコピーコードは次のとおりです。 html...
目次1. sysbenchの紹介#プロジェクトダウンロードアドレス: 2. Sysbenchのインス...
DIVの背景は半透明ですが、DIV内の文字は半透明ではありませんコードをコピーコードは次のとおりです...