Prettier 在 vscode 中根本不格式化代碼

Question

我剛剛克隆了我的工作 reactJs 項目，該項目在 /src 目錄中具有以下配置。

{
"arrowParens": "avoid",
"bracketSpacing": true,
"endOfLine": "auto",
"jsxBracketSameLine": false,
"printWidth": 120,
"requirePragma": true,
"semi": true,
"singleQuote": true,
"tabWidth": 4,
"trailingComma": "all",
"lineLength": 120}

而我現在更漂亮的是根本不格式化 my.js 文件。 它不僅忽略了保存事件

shift + alt + f 

我嘗試將相對和絕對路徑放在配置路徑字段中（在設置 -> 擴展 -> 更漂亮） 也許問題是我的項目的后端緊挨着前端（Symfony）。 所以我無法遵循我的項目的格式規則。 非常感謝任何幫助

Answer 1

Go 到 VSCode 設置，如果缺少，請單擊 JSON 添加以下部分。

    "editor.defaultFormatter": "esbenp.prettier-vscode"

或試試這個..

{
  "window.zoomLevel": 1,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "prettier.singleQuote": true
}