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
相关产品推荐
相关产品推荐

