VS Code 的換行設定

VSCode 自帶的換行實在太短了，結構多的 HTML 明明只是一小段、不重要的不必換行，尤其是 Bootstrap 的 Modal 裡面帶有許多屬性，這樣一換下來就格式化成了一大段，實在是很佔高度阿，於是就有了此篇設定教學。

目前是寫 vue 檔，所以使用的是 Vetur 套件，安裝好後我們可以到以下路徑寫設定檔

檔案 → 喜好設定 → 設定 → 延伸模組 → Vetur → Format:Default Formatter Options → 在 setting.json 內編輯

到 vetur.format.defaultFormatterOptions 寫入內容

  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "printWidth": 175 // 字元超過 175 的時候會換行，包含縮排也會算在裡面
    }
  }

接著 Vue 檔的程式碼就會很長的時候才換行了。