## 一、概述 `prettier+`基于`prettier`扩展，独断自行一套格式化风格，虽然提供配置，也只是配置少量的关键属性，能在一定程度上保证的代码的风格统一，而且使用门槛极低， 关键的他的风格并不丑，更容易让大家接受； ## 二、安装配置 ### **安装**  安装成功后，编辑器默认的格式化处理就会被prettier代替， 默认快捷键是`alt + shift + f`； ### **配置** 插件安装成功后，编辑器的配置`setting.json`会出现prettier插件的相关配置节点，同时也能看到一些默认的配置信息； 项目级的配置，在项目根目录添加配置文件`.prettierrc`； ``` { "arrowParens": "always", "semi": true, "tabWidth": 2, "useTabs": false, "vueIndentScriptAndStyle": false, "bracketSpacing": true, "bracketSameLine": true, "printWidth": 360, "singleQuote": true, "jsxSingleQuote": true, "trailingComma": "all" } ``` VSCode中，格式化文档的时候，就会生效了； >[danger] 如果安装了多个格式化相关的插件，安装完该插件的时候，第一次手动刷新格式化文档（如图）的时候，会需要选择vue文件指定的格式化插件，选择prettier+插件即可；