1. 説明eslint は、コードが標準化されているかどうかを確認するのに役立ちます。この記事では Prettier ルール (および 2. 関連する依存パッケージをダウンロードする
3. 設定ファイル .eslintrc.js (ルールを設定する方法は他にもあります)プロジェクトのルート ディレクトリに、次の内容を含む新しいファイル .eslintrc.js を作成します (必要に応じて構成できます)。 モジュール.エクスポート = { root: true, // このルールを現在のプロジェクトにのみ適用します parserOptions: { "パーサー": "babel-eslint", "sourceType": 'module', // "module"、"script" に設定 (デフォルト) // "ecmaVersion": 6 // es6 構文を有効にし、es6 グローバル変数を自動的に有効にしない}, parser: "vue-eslint-parser", // .vue ファイルを識別するには、eslint-plugin-vue をダウンロードする必要があります // 有効にする環境 env: { 「ブラウザ」:true、 「ノード」:真、 "es6": 真 }, //プラグインルールを継承する extends: [ "eslint:recommended", // "√" とマークされたデフォルトのルールを開始します。 "plugin:prettier/recommended" // 他の人が書いたルールで、パッケージ eslint-config-*** に依存します。ここでは prettier ルールを示します。 // プラグイン名のリストを設定します。プラグイン名では、「eslint-plugin-」プレフィックスを省略できます。 プラグイン: [ 'vue'、// eslint-プラグイン-vue 'prettier' // eslint-plugin-prettier ]、 // カスタムルールは最も優先度が高い "rules": { 「コンソールなし」: 0 } } 4. vscode(バージョン1.44.0)設定で保存時にコードを自動的にフォーマットするvscode 用の eslint プラグインをダウンロードし、settings.json ファイルを開いて、以下を追加します。
他のバージョンでは設定が若干異なる場合があります。例えば、図に示す設定はバージョン 1.36.1 で有効になります。 5. package.jsonにscriptsコマンドを追加する: eslintが検出して自動的に修正する
eslintignoreは設定検出時に無視されるファイルです 6. プロジェクトのeslint検証を終了するここではvue-cli3以降を例に挙げます 7. eslint 中国語ドキュメントhttps://eslint.bootcss.com/docs/ユーザーガイド/開始 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: HTMLでは、div内のコンテンツが次のサイズを超えたときに自動的にスクロールバーが表示されるように設定します。
>>: CSS を使用して波状のウォーターボール効果を実装するためのサンプルコード
序文MySQL 8.0.13 では、インデックス スキップ スキャン (インデックス ジャンプ スキ...
目次シナリオ分析発達要約するシナリオ分析システムでは、1 つのモジュールに 3 つのサブモジュールが...
この記事は51CTOブログの著者wjw555の作品を参照しています。スクリプトの内容: vim イン...
Linux で最も一般的に使用される重要なユーティリティの 1 つである Sudo は、ほぼすべての...
Vue プラグインがエラーを報告しました: このページで Vue.js が検出されましたVueプラグ...
この記事では、MySQL 5.7 で追加された json フィールド タイプの使用方法を例を使って説...
序文:タイムスタンプ フィールドは、MySQL でよく使用されます。たとえば、データ行が作成または変...
目次ネットワーク情報ホスト名を変更するDNSドメイン名解決ネットワーク関連コマンドファイアウォール暗...
目次スロットとは何かデフォルトスロットの理解コードスニペット要約するスロットとは何かスロットは、親コ...
この記事では、Web ページのリンクを美しくするためによく使用される書き換えルールをいくつか紹介しま...
MySQL はほとんどの場合、GROUP BY クエリと DISTINCT クエリを同様に処理します...
序文大規模なフロントエンドの開発に伴い、UI フレームワークが次々と登場し、フロントエンド開発におけ...
序文最近、小さなプログラムでリアルタイムにチャートを更新するという要件に遭遇しました。最初は wx-...
トライデント コア: IE、MaxThon、TT、The World、360、Sogou Brows...
同僚から助けを求められました。バックエンド システムへのログインは成功したものの、システムには正常に...