vscode按照课程添加了并且设置了自动保持，但是不生效eslint 和 prettierrc

Question

vscode按照课程添加了并且设置了自动保持， 但是 prettierrc 不生效。

Answer 1

Sunday 2021-11-15 17:10:18

那我们来捋一下整个的流程哈：

目标：完成 prettier 的代码自动格式化。

想要完成这个目标，需要以下条件：

1. 在项目根目录下，创建 .prettierrc 文件

2. 写入 如下配置：
   
       

3. 设置代码的默认格式化工具为 prettier
   

   1. 

4. 配置 vscode 的自动保存

5. 此时在代码中执行保存操作，右下角应该会提示  prettier  

6. 此 prettier提示 前面为 对号，表示格式话成功。

7. 如果为 感叹号表示出现了一些错误，

8. 可以点开查看，错误如图所示，一般为代码格式错误

你可以根据以上流程进行检查，确定哪个步骤出现了问题

Answer 2

Jace_qiang 2021-12-10 09:38:07

我是勾选了下面的file，刚开始也是不生效

Answer 3

wh_esther 2021-11-22 21:50:38

是否安装了Vetur插件，这个插件会有影响

Answer 4

提问者 幕布斯9304279 2021-11-15 17:22:54

再增加一张图

• Sunday #1

  这样来看 Prettier是成功了的，或许是你的vscode其他插件导致的。或许你可以查看下你的vscode中的其他插件，或者在群里把你的项目打包发我一下，我看看在我这里是否可行。

• 提问者 幕布斯9304279 回复 Sunday #2

  好的，谢谢

Answer 5

提问者 幕布斯9304279 2021-11-15 17:21:14

图片如上所示， 我把日志拉出来了

Answer 6

Sunday 2021-11-15 17:17:17

你把 右下角的这块蓝色的截图给我我看下

• 提问者 幕布斯9304279 #1

  起初为感叹号，并且报出配置文件不合法，文件读目录权限问题

Answer 7

提问者 幕布斯9304279 2021-11-15 17:10:19

还是不生效

Answer 8

Sunday 2021-11-15 13:30:43

你在代码区域，右键选择格式化代码配置。看一下有没有把代码格式化设置为prettier？

• 提问者 幕布斯9304279 #1

  刚右键设置 prettier 为默认格式化程序，并且尝试手动格式化还是不行。  即自动保存的时候prettier格式化不生效。

Answer 9

提问者 幕布斯9304279 2021-11-15 11:14:45

以上为截图，我换了mac上也是prettier 不起作用，也就是保存的时候prettier自动格式化功能不生效

Answer 10

Sunday 2021-11-15 08:25:26

你好
我建议检查一下配置文件的名称，.prettierrc

• 提问者 幕布斯9304279 #1

  以上为截图，我换了mac上也是prettier 不起作用，也就是保存的时候prettier自动格式化功能不生效。

• 慕粉0250428608 回复 提问者 幕布斯9304279 #2

  怎么解决

• 慕粉3946981 回复 慕粉0250428608 #3

  应该是插件发生了冲突，禁用Vetur后试试

点开查看后面2条评论