npmとvuejs/vue-cliでプロジェクトを作成しました。VueのESLintコードフォーマット
私はESLint拡張をインポートしました。
package.jsonファイルにeslintエントリがあります。
私のコードをフォーマットすると（右クリック、フォーマットコード）、コードが完全に変形します。
vscodeをESLintの規則に従ってフォーマットするには、どうすればよいですか？
しかし、ウェブサイト上で、ESLintは、すべてが正しくフォーマットされていない、ので、それは明らかにインストールされていると、ある意味で稼働していることを訴える：
私は前にこの問題に出会った。 ローカルにnpm installを使用してeslintをインストールすることで解決しました（グローバルにインストールできます）。 "eslint --init"を実行し、vscodeを再起動します。 これがあなたに役立つことを願っています。
1）まず、VSコードにESLint拡張機能をインストールする必要があります。
この拡張は、ローカルまたはグローバルVSコードで
npm install eslint //For a local install
or
npm install -g eslint //For a global install.
2）次に、オープンSetting.jsonファイルを実行して、そう、あなたがESLintをインストールしていないESLint library.Ifを使用しています。 ファイル - >設定 - >設定。
3）以下の設定を追加してください。
{
"eslint.enable": true,
"eslint.autoFixOnSave": true,
"eslint.run": "onType",
"eslint.options": {
"extensions": [".js",".vue"]
},
"eslint.validate": [
{ "language": "vue", "autoFix": true }
]
}
4）次に、あなたのvueファイルをチェックしてください。lintingエラーが表示されます。そうでない場合は、VSコードを再起動してください。
'npm install eslint'を実行してから' eslint --init'を実行しましたが、コマンドレット、関数、またはスクリプトファイルの名前として 'eslint'を見つけることができないというエラーを出しました。 –
キャッシュをクリアしてから 'npm install eslint --save-dev'、 'eslint --int'を実行すると、グローバルにインストールすることもできます。 – Lumaskcete
'npm install -g eslint'の後に' eslint --init'が走り、設定の質問に答えました。私はVSコードを書き換えましたが、コードをフォーマットしません。私がしなければならないいくつかの他の開始やセットアップがありますか？ –