自动保存格式化代码 插件：1.EditorConfig for vs code 2.prettier

优雅的代码都是通过细节展示出来的，包括空格，换行等等，这个需要自动格式化代码的插件，在平常项目多人开发当中，也需要统一的规范代码格式。
这里推荐一款 EditorConfig for vs code

1.安装插件 格式化代码快捷键shift+alt+f

2.设置规范创建…editorconfig文件，里面的内容可以网上搜搜

root = true[*]
charset = utf-8
indent_style = space
indent_size = 4
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
tab_width = 4

3.保存后自动格式化代码 需要配置下创建.vscode文件，里面创建settings.json

{"editor.formatOnSave": true,    //保存"vetur.ignoreProjectWarning": true,  //这个是有时候会失效vetur版本问题，加上这行
}

到这可以试试，修改代码后保存会自动格式化代码

2.prettier
安装插件 然后创建一个.prettierrc.json（内容也可以网上搜搜）

{"bracketSpacing": true,"htmlWhitespaceSensitivity": "css","insertPragma": false,"jsxBracketSameLine": true,"jsxSingleQuote": true,"requirePragma": false,"semi": true,"tabWidth": 4,"useTabs": false
}