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
}