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

来源:2-6 ESLint 与 Prettier 配合解决代码格式问题

幕布斯9304279

2021-11-15

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

写回答

10回答

Sunday

2021-11-15

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

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

想要完成这个目标,需要以下条件:

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

  2. 写入 如下配置:

        //img.mukewang.com/szimg/6192229a0925733205190238.jpg

  3. 设置代码的默认格式化工具为 prettier
    //img.mukewang.com/szimg/619222bd0982764704400473.jpg

    1. //img.mukewang.com/szimg/619222d1098294bb07060133.jpg

  4. 配置 vscode 的自动保存//img.mukewang.com/szimg/619223000952789207420237.jpg

  5. 此时在代码中执行保存操作,右下角应该会提示  prettier //img.mukewang.com/szimg/619223a109f5f1b206740722.jpg 

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

  7. 如果为 感叹号表示出现了一些错误,//img.mukewang.com/szimg/61922398099b743a00960047.jpg

  8. 可以点开查看,错误如图所示,一般为代码格式错误//img.mukewang.com/szimg/619223c009401f4d07880267.jpg


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

2
0

Jace_qiang

2021-12-10

//img.mukewang.com/szimg/61b2af6709e3a1db08830194.jpg

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

0
0

wh_esther

2021-11-22

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

0
0

幕布斯9304279

提问者

2021-11-15

//img.mukewang.com/szimg/619226d509f0642b11731015.jpg

再增加一张图

0
2
幕布斯9304279
回复
Sunday
好的,谢谢
2021-11-15
共2条回复

幕布斯9304279

提问者

2021-11-15

//img.mukewang.com/szimg/6192266d097cff9811651004.jpg

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


0
0

Sunday

2021-11-15

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

//img.mukewang.com/szimg/6192259a0905714509770051.jpg

0
1
幕布斯9304279
起初为感叹号,并且报出配置文件不合法,文件读目录权限问题
2021-11-15
共1条回复

幕布斯9304279

提问者

2021-11-15

//img.mukewang.com/szimg/6192225a094c669f11660979.jpg


//img.mukewang.com/szimg/6192239f0948b67c11560978.jpg

还是不生效

0
0

Sunday

2021-11-15

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

0
1
幕布斯9304279
刚右键设置 prettier 为默认格式化程序,并且尝试手动格式化还是不行。 即自动保存的时候prettier格式化不生效。
2021-11-15
共1条回复

幕布斯9304279

提问者

2021-11-15

//img.mukewang.com/szimg/6191cedf09b018db25601600.jpg

//img.mukewang.com/szimg/6191cfcb0997ea0e20401382.jpg


//img.mukewang.com/szimg/6191d03609dd329f20061202.jpg

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

0
0

Sunday

2021-11-15

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

0
5
小小Yu
解决了,不能在json文件中写注释
2022-02-22
共5条回复

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1940 学习 · 1686 问题

查看课程