【工具】关于vscode上对代码格式化缩进的问题

由于本人有代码洁癖（重点是缩进），希望在vscode上能通过快捷键直接格式化代码（这一点微信开发工具体验就很不错），所以呢在百度上找了各种博客也踩了各种坑，总结经验如下：

1. 安装prettier插件，（搜索列表中第一个就是）安装之后就可以通过alt + shift + f 来格式化；

2. 将下边这个设置取消勾选状态（为false，文件的右下角的缩进就会和你编辑器设置的缩进一致了）

   
   6dee3b47e7ad72ac47367666f6a3125.png
3. 当你在文件中通过prettier快捷键格式化代码的时候，发现文件的缩进和你在prettier设置的缩进不一致（prettier和编辑器设置的都是4个，格式化之后还是2个），解决办法就是项目根目录下添加.prettierrc.js配置文件（文件和package.json同级），文件中设置

{
    "singleQuote": true,   // 采用单引号
    "semi": false,   // 去掉分号
    "tabWidth": 4   // 4个缩进
    ...   // 其他配置参考官方文档（需要英文水平，2333）
}

添加了配置文件之后，再次通过快捷键格式化代码，就发现缩进和配置的一致了；