Prettier

Prettier

IntelliJ IDEA與Prettier代碼格式化器集成。您可以使用Reformat with Prettier操作重新格式化選定的代碼片段以及整個文件或目錄。IntelliJ IDEA增加了這個操作，只要你在機(jī)器上安裝Prettier作為依賴于您的項目或全局范圍內(nèi)，Prettier在.js，.ts，.css，.less，.scss，.vue和.json文件中是可用的。

此外，Prettier配置中的關(guān)鍵代碼樣式規(guī)則也適用于IntelliJ IDEA代碼樣式設(shè)置。因此，生成的代碼（例如，在重構(gòu)或快速修復(fù)之后）和已經(jīng)使用Prettier處理的代碼的格式一致。

在你開始之前，你需要：

1. 下載并安裝Node.js。
2. 如“插件管理”中所述， 在“插件”頁面上安裝并啟用Prettier存儲庫插件 。

安裝Prettier

1. 打開嵌入式終端（查看|工具窗口|終端，或使用Alt+F12）。
2. 在命令提示符下，輸入npm install --save-dev --save-exact prettier或npm install --global prettier。從Prettier官方網(wǎng)站了解有關(guān)安裝模式的更多信息。

在IntelliJ IDEA中配置Prettier

1. 在“設(shè)置/首選項”對話框（Ctrl+Alt+S）中，單擊“語言和框架”下的“JavaScript” ，然后單擊“Prettier”。
2. 在Prettier頁面上打開，指定prettier包的路徑并選擇要使用的Node.js解釋器。這可能是一個本地Node.js的解釋或適用于Linux在Windows子系統(tǒng)上的Node.js。

使用Prettier重新格式化代碼

• 選擇要在編輯器中重新格式化的代碼片段，或在“項目”工具窗口中選擇文件或文件夾，然后在選擇的上下文菜單中按“N/A”或選擇“使用Prettier重新格式化”。
• 或者，按Ctrl+Shift+A，然后在“查找操作”彈出列表中單擊“使用Prettier重新格式化”：