新しい vue-cli を作成するときに、eslint 構文を選択しましたが、これは非常に面倒
です
-
ESLint には多くの仕様があり、最もよく使用されるものは次のとおりです。
标准规范
-
特徴:
- コードの末尾にセミコロンはありません
- js 内の文字列には一重引用符を使用する必要があります
- 改行が多すぎることはできません
- 複数のスペースを指定することはできません
- 関数名の括弧の周りにはスペースが 1 つだけ必要です
- …
-
デフォルトでは、vscode には不規則なコードを報告する機能がないため、vscode プラグインをインストールできます。
ESLint
-
フォーマット プラグインのインストール
Prettier-Standard
、機能: 右クリックしてフォーマットできる場合、非標準コードを自動的に修復し、標準化されたコードに変換するのに役立ちます。 -
次の設定により、コードを保存するときに非標準コードを自動的に修正できるようになります。
-
次に、次の構成を設定に追加します
// 默认使用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"の
箇所を削除してください。