1、EditorConfig for VS Code 插件
shift + alt + f 格式化文件(VS Code格式化按键),如下图,每个缩进4空格
代码如下
创建文件名 .editorconfig
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
[*.md]
insert_final_newline = false
trim_trailing_whitespace = false
2、Prettier - Code formatter 插件
3、除了第2步这种方式,还可以给项目根目录创建一个.prettierrc配置文件,同时创建.prettierignore文件,由于prettier插件优先使用项目根目录下的.prettierrc配置文件对代码进行格式化,而忽略settings.json的配置。
3.1
.prettierrc配置如下

{
"semi": false,
"singleQuote": true,
"trailingComma": "none",
"useTabs": false,
"tabWidth": 4,
"printWidth": 120,
"proseWrap": "preserve",
"arrowParens": "always",
"bracketSpacing": true,
"singleAttributePerLine": true
}

.prettierignore 配置忽略如下

忽略dist目录下文件的语法检查
dist
忽略所有html文件
*.html
