vscode は、vetur 書式設定コードを設定します (二重引用符を一重引用符に変更し、セミコロンを削除するなど) フロントエンドの初心者向けチュートリアル

よりきれいにインストールする

最初のステップは vetur をセットアップすることです 

クリック設定

 ベトゥールを検索

 フォーマッタ js を見つけて、よりきれいなものを選択します ⚠️このステップは非常に重要です。よりきれいでない場合は、以下の設定は効果がありません。

 settings.json が設定されている場所を見つける

 現れる

 

  "prettier": {
          //间隔修改为2个空格
          "tabSize": 2,
          //设置分号
          "semi": false,
          //双引号变成单引号
          "singleQuote": true,
          //禁止随时添加逗号
          "trailingComma": "none"
        }

 必要に応じて設定し、「使用...」をクリックしてドキュメントをフォーマットします。

これを選択すると 、書式設定時に二重引用符を直接一重引用符に変更できます。

詳しい設定については、公式 Web サイトのドキュメントをご確認ください。

オプション · きれいな中国語ウェブサイト

 関数名の後にスペースを追加します

    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "typescript.format.insertSpaceBeforeFunctionParenthesis": true,