2016-09-14 127 views
47

我想在Visual Studio代碼中保存文件時使用內置格式化程序自動格式化TypeScript代碼。如何格式化代碼保存在VS代碼

我知道以下選項,但他們都不是不夠好:

  • 格式手動Shift + Alt + F
  • 的類型格式"editor.formatOnType": true
    • 它格式化,當你按下輸入線。不幸的是,當您用鼠標點擊另一行或按向上/向下箭頭時,它會使其無法格式化。
  • 使用現有擴展
    • 我想這one,但它似乎不工作也很好。
  • 使用美化"beautify.onSave": true
    • 它不打字稿
  • 編寫自定義擴展
    • ,如果你想處理自動保存和建立正確這是棘手的工作。
+0

不知道這是一個問題嗎?您可以在[vscode的github頁面](https://github.com/Microsoft/vscode/issues)上發佈功能請求。 –

+0

已經有一個[功能要求](https://github.com/Microsoft/vscode/issues/3588)。這裏的問題是,如果有人知道一個可靠的解決方法,讓它今天工作。 –

+0

大概不是;因此功能請求。 –

回答

79

由於2016年9月(vscode 1.6),這是現在正式supported

以下內容添加到您的settings.json文件:

"editor.formatOnSave": true

+4

這仍然不適合我。我正在使用1.6.1版本 –

+2

有沒有辦法排除一些文件?即我只想格式化.js文件而不是.html文件。 – gabrielAnzaldo

+0

VS編碼中的@ gabodev77prettier有這個選項(例如prettier.javascriptEnable,prettier.cssEnable ...),但不適用於HTML。 –

4

要自動格式代碼上節省:

  • 按下Ctrl鍵打開用戶的喜好
  • 在打開的窗口中輸入以下代碼設置文件
 

    { 
     "editor.formatOnSave": true 
    } 
 
  • 保存文件

Source