vscode插件prettier格式化vue不生效排查

2,718 阅读1分钟

1 方法1 首先配置,

image.png

image.png

更改完配置后 会自动在当前编辑器根目录 生成一个 .vscode ===> settings.json文件,最下一行为自动生成

image.png

顺便分析一下,

【vue】的配置表示针对他特定语言生效prettier image.png

上图的配置是 vue和js默认格式化用的是 dbaeumer.vscode-eslint,

这个不重要可以忽略,因为我一般通过 右键单击,格式化,项目中默认用的是eslint格式化,保存的时候也是通过eslint自动格式化的, 所以我一般通过右键的方式先格式化一编,剩下的在保存通过eslint格式化保证格式和原来代码统一

image.png

image.png

如果修改如上配置不生效,可以尝试用如下方式解决

1 查看js是否生效, 2 根目录新建 .prettierrc 看是否生效

image.png

3 打开控制台 看输出面板, 此时点击右下角 prettier看下是否又输出日志,如果没有通常是左侧问题栏又报错,按照提示修复即可,再次点击按钮基本能解决问题

image.png