# 【tip】format 程式碼排版

快速鍵

```
在Windows Shift + Alt + F
在Mac Shift + Option + F
在Ubuntu Ctrl + Shift + I
```

存檔自動格式化(設定 Ctrl + ,)

[![image-1638779536748.png](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/scaled-1680-/gdvaklh9cxxBEdaa-image-1638779536748.png)](https://bookstack.treemanou.com/uploads/images/gallery/2021-12/gdvaklh9cxxBEdaa-image-1638779536748.png)

如何修改預設排版外掛

[修改 setting.json](https://bookstack.treemanou.com/books/treeman/page/tipsettingjson) (複製後請將註解刪除，避免json格式錯誤)

```JSON
{
    // 預設formatter引擎
  	"editor.defaultFormatter": null,
  	// javascript 排版使用引擎
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
}
```