VSCode中安装Prettier插件后必须配置prettier.config.js或.prettierrc文件并设置editor.defaultFormatter和editor.formatOnSave,否则格式化无效;还需手动为JSON、Markdown等语言指定默认格式化器,并用eslint-config-prettier避免与ESLint冲突。
VSCode 里装 Prettier 插件很简单,但光装不配置等于没装
直接在扩展市场搜
,点击安装即可。它本身不带任何默认格式规则——你打开一个
或
文件按
,大概率没反应,或者报错
。这是因为 prettier 需要明确知道“按什么规则格式化”,而
vscode
默认不会自动读取项目级配置。
必须配
或
才生效
只靠插件 UI 设置(比如在设置里搜
开关)只能控制是否启用、用不用分号这类极简选项,无法覆盖真实项目中常见的缩进、引号、行宽等需求。实际项目几乎都靠配置文件驱动。
推荐在项目根目录放
,内容可写成:
也可以用 JSON 格式:新建
,内容为
注意:VSCode 不会自动继承父目录的配置,如果子项目要独立格式规则,得在该子目录下也放一份配置文件
和 ESLint 冲突时,优先让 Prettier 接管格式化逻辑
很多项目同时装了
和
,结果保存后代码被反复改写:ESLint 报“缺少分号”,Prettier 又删掉它。这不是 bug,是两者职责重叠了。
正确做法是用
关掉 ESLint 中所有和格式相关的规则
再配合
,把 Prettier 当作 ESLint 的一个“规则”来运行(只检查,不修复)
最终格式化动作统一交给 Prettier 插件完成,ESLint 只负责逻辑/安全类检查
VSCode 设置里确认
启用,并设
为
某些文件类型默认不走 Prettier,得手动指定
比如
、
、
这些非 JS/TS 文件,即使装了插件也不会自动格式化,因为 Prettier 插件默认只绑定
、
、
等语言 ID。
Eclipse导入Android或其他的JAVA项目的正确方法 WORD版
本文档主要讲述的是Eclipse导入Android或其他的JAVA项目的正确方法;希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看
下载
在 VSCode 设置(
)里加:
注意语法:方括号里是语言 ID,不是文件后缀;可用
→
查当前文件的语言 ID
如果用了
注释,它只对紧邻的下一行生效,多行需重复写
配置真正起效的关键,往往不在“装没装”,而在“VSCode 是否把某类文件的格式化任务交给了 Prettier”,以及“Prettier 自己有没有拿到明确的规则”。这两点漏掉任何一个,都会导致保存时静默失败或行为异常。
prettier - code formatter.js.vueshift+alt+fno configuration provided for ...prettier.config.js.prettierrcprettierprettier.config.jsmodule.exports = {
semi: true,
singleQuote: true,
tabWidth: 2,
trailingComma: 'es5',
printWidth: 80
};.prettierrc{ "semi": true, "singleQuote": true }ESLintPrettiereslint-config-prettiereslint-plugin-prettiereditor.formatOnSaveeditor.defaultFormatteresbenp.prettier-vscode.json.md.ymljavascripttypescriptvuesettings.json"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[markdown]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}Ctrl+Shift+PChange Language Modeprettier-ignore