由于本人有代码洁癖(重点是缩进),希望在vscode上能通过快捷键直接格式化代码(这一点微信开发工具体验就很不错),所以呢在百度上找了各种博客也踩了各种坑,总结经验如下:
- 安装prettier插件,(搜索列表中第一个就是)安装之后就可以通过alt + shift + f 来格式化;
-
将下边这个设置取消勾选状态(为false,文件的右下角的缩进就会和你编辑器设置的缩进一致了)
- 当你在文件中通过prettier快捷键格式化代码的时候,发现文件的缩进和你在prettier设置的缩进不一致(prettier和编辑器设置的都是4个,格式化之后还是2个),解决办法就是项目根目录下添加.prettierrc.js配置文件(文件和package.json同级),文件中设置
{
"singleQuote": true, // 采用单引号
"semi": false, // 去掉分号
"tabWidth": 4 // 4个缩进
... // 其他配置参考官方文档(需要英文水平,2333)
}
添加了配置文件之后,再次通过快捷键格式化代码,就发现缩进和配置的一致了;