エラーと警告が 0 件の問題は、「--fix」オプションで修正できる可能性があります。

新しい vue-cli を作成するときに、eslint 構文を選択しましたが、これは非常に面倒
です
ここに画像の説明を挿入

  • ESLint には多くの仕様があり、最もよく使用されるものは次のとおりです。标准规范

  • 特徴:

    • コードの末尾にセミコロンはありません
    • js 内の文字列には一重引用符を使用する必要があります
    • 改行が多すぎることはできません
    • 複数のスペースを指定することはできません
    • 関数名の括弧の周りにはスペースが 1 つだけ必要です
  • デフォルトでは、vscode には不規則なコードを報告する機能がないため、vscode プラグインをインストールできます。ESLint

    画像-20230110120326759

  • フォーマット プラグインのインストールPrettier-Standard 、機能: 右クリックしてフォーマットできる場合、非標準コードを自動的に修復し、標準化されたコードに変換するのに役立ちます。

    画像-20230110120344823

  • 次の設定により、コードを保存するときに非標準コードを自動的に修正できるようになります。

画像-20230110115945939

画像-20230110120004801

  • 次に、次の構成を設定に追加します

     	 // 默认使用prittier作为格式化工具
         "editor.defaultFormatter": "numso.prettier-standard-vscode",
         // 保存时自动格式化 - 按照eslint的规则格式化
         "editor.codeActionsOnSave": {
          
          
             "source.fixAll": true
         },
         "[javascript]": {
          
          
             "editor.defaultFormatter": "numso.prettier-standard-vscode"
         },
         "[html]": {
          
          
             "editor.defaultFormatter": "numso.prettier-standard-vscode"
         },
         "[vue]": {
          
          
             "editor.defaultFormatter": "numso.prettier-standard-vscode"
        },
    

その際、新規プロジェクトではeslint構文を選択したため、やむを得ない場合はpackage.jsonの「@vue/cli-plugin-eslint」: "~4.5.0"の
箇所を削除してください。

おすすめ

転載: blog.csdn.net/weixin_45090657/article/details/129594201