3.4　新秀工具Prettier

Prettier是一個調整前端開發中常見文件格式的格式化工具，官方還提供了針對其他編程語言的擴展插件。Prettier可用于掃描文件中的格式問題，并自動重新格式化代碼，以確保縮進、間距、分號、單雙引號等遵循一致的規則，可以將它看作升級版的editorconfig，但Prettier的使用方式更加多元化，對于排版格式的控制粒度也更細，支持命令行、nodeAPI、ESLint插件等多種引入方式，是一個非常適合前端開發的新秀工具。正如官方網站的指南中所描述的那樣，“使用Prettier最大的理由就是它可以終止所有現存的有關格式的爭論”。

Prettier從安裝、配置再到使用，整個過程與ESLint極其相似，瀏覽一下官方文檔，你會發現很容易上手使用。需要注意的是，如果希望它能夠與自己的代碼編輯器配合使用，則仍然需要從官網下載對應編輯器的插件。一個典型的“.prettierrc”配置文件是下面這樣的（完整的配置項可以查閱官方文檔）：

{
    "printWidth":80,             //每一行字符數，超出后會啟用換行策略
    "tabWidth":4,                //每個Tab代表幾個空格
    "useTabs":false,             //是否使用Tab進行縮進，默認為false，即使用空格進行縮進
    "semi":false,                //是否在語句后強制加分號
    "singleQuote":true,          //字符串是否使用單引號
    "trailingComma":none,        //是否去除末尾逗號
    "bracketSpacing":true,       //對象字面量的大括號與內容之間是否自動添加空格
}

如果已經在全局安裝了Prettier工具，那么只需要在項目的根目錄下開啟命令行，并輸入“Prettier”就可以進行代碼的格式化了。對于在初始化時就使用了Prettier工具的項目，建議直接在IDE中將其配置為“保存時自動格式化”的形式。