在vs code上对代码格式化缩进设置

虽然是初入程序员职场，但我这个强迫症真的受不了代码的格式不规整问题，在各种踩坑后终于找到了解决办法：
1.安装prettier插件
安装之后就可以使用alt + shift + f 快捷键来格式化代码啦。
2.将下面的设置取消勾选
此后文件的右下角的缩进就会和你编辑器设置的缩进一致啦。
3.添加.prettierrc.js配置文件
当你在文件中使用快捷键格式化代码的时候，发现文件的缩进和你设置的缩进不一致（编辑器设置的是4个，格式化之后还是2个），解决办法就是在项目根目录下添加.prettierrc.js配置文件（文件位置和package.json同级）

// prettier.config.js or .prettierrc.js
module.exports = {
    trailingComma: 'es5',
    tabWidth: 4,
    semi: false,
    singleQuote: true,
}

附上此文件配置的官方文档链接
4.安装
若你按照以上过程配置好之后发现使用快捷键时报**Invalid prettier configuration file detected. See log for details.**的错误，此时你需要在终端输入npm install --save-dev --save-exact prettier语句（根据需要，我这边使用的是npm,你还可以使用yarn或npx进行安装，详情请戳官方链接)

此时通过快捷键（实际上按保存快捷键也可）就可格式化代码啦！