You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

package.json已包含Prettier,但VS Code默认格式化列表无该选项

解决VS Code中Angular项目Prettier格式化选项缺失的问题

以下是可能遗漏的配置或操作,按优先级排查:

  • 未安装VS Code的Prettier扩展
    项目依赖里的prettier是本地包,VS Code需要对应扩展才能在格式化列表中识别它。打开VS Code扩展面板,搜索Prettier - Code formatter并安装。

  • 未安装项目依赖
    新笔记本可能没执行依赖安装步骤,在项目根目录运行:

    npm install
    

    确保prettier@3.2.5被正确安装到node_modules目录。

  • 未指定文件类型的默认格式化器
    打开VS Code设置(快捷键Ctrl+,),搜索default formatter,针对Angular相关文件(.ts、.html、.css、.scss等),将默认格式化器设置为esbenp.prettier-vscode(Prettier扩展的ID)。

  • 工作区配置覆盖了格式化器设置
    检查项目根目录下的.vscode/settings.json,确认没有以下禁用Prettier的配置:

    "editor.defaultFormatter": null,
    "[typescript]": {
      "editor.defaultFormatter": "其他扩展ID"
    }
    

    如果存在,修改为指向Prettier扩展。

  • Prettier扩展版本不兼容
    确保VS Code的Prettier扩展是最新版本。在扩展面板找到已安装的Prettier扩展,点击「更新」按钮。

  • 项目Prettier配置未被识别
    确认package.json中的Prettier配置格式正确,示例:

    "prettier": {
      "singleQuote": true,
      "printWidth": 120,
      "semi": false
    }
    

    或者检查是否存在独立的.prettierrc、.prettierrc.json等配置文件,且文件位于项目根目录。

内容的提问来源于stack exchange,提问作者Green Grasso Holm

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 14:10:57