## 一、概述 `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+插件即可；