Vue で eslint 検出をオフにする方法 (複数の方法)

1. 問題の説明

Vue プロジェクトを開発する場合、作成時に誤って eslint を選択することがあります。この検出ルールは初心者にとっては悪夢であり、クラッシュを引き起こします。では、eslint に検出させたくない場合はどうすればよいでしょうか?さまざまなバージョンごとにいくつかの方法をまとめました。

2. 問題解決

1. まず古いvueプロジェクト

古いプロジェクトにはwebpack.base.conf.jsのようなファイルがある場合があります。このファイルがある場合は、それを変更するだけで解決します。

上の図の赤枠部分は、私のプロジェクトのファイルの内容を示しています。他のプロジェクトには別の内容が含まれている可能性があります。枠内の内容をコメントアウトまたは削除するだけです。

2. プロジェクトを作成するときは、eslintを選択しないでください

3. 使用している編集ソフトウェアがWebStormの場合

4. 作成されたプロジェクトにはwebpack.base.conf.jsファイルはありませんが、.eslintrc.jsがあります。

@vue/標準

これをコメントアウトするだけです。

5. 新しい Vue プロジェクトの場合、ディレクトリ内に (直接の) webpack.base.conf.js ファイルはありませんが、node_module 内に存在する可能性があります。 .eslintrc.jsファイルはありません

この場合、プロジェクトのディレクトリ構造は通常vue.config.jsファイルを作成し、このファイルを操作することができます。

モジュール.エクスポート = {
  保存時にlint: 偽
},

変更後、変更を有効にするにはプロジェクトを再起動する必要があります。falseに設定することで無効にできます。その他の設定については、公式サイトの説明を参照してください。

6. .eslintignoreファイルを変更する

ルートディレクトリに .eslintignore ファイルがあります。チェックする必要のないファイルを追加するだけです。
例えば、vue ファイルをチェックさせたくない場合は、 .vue を追加します。もちろん、これによりすべての vue ファイルがチェックされなくなります。同様に、 .js はすべての js ファイルがチェックされないことを意味します。これはシンプルでわかりやすいのが利点ですが、少し面倒なのが欠点です。

この方法は基本的にこの問題を解決するのに十分ですが、開発経験がある場合はこのテスト ファイルを使用することを著者は推奨しています。これにより、優れたプログラミング習慣が養われるだけでなく、チーム内の他の人と同じスタイルを維持しやすくなります。

これで、vue で eslint 検出をオフにする方法 (複数の方法) に関するこの記事は終了です。vue で eslint 検出をオフにする方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。