使用Clang-format來幫助你美化你的程式碼

編輯工具
,
1

如何使用 clang-format

#前言
現有的 tslint 或是 jslint 都只是提示你的程式碼格式與規則不相同，卻沒有辦法自動的修正。而原本有的 formatter 也只是美化的動作。這套 clang-format 則是可以將這兩個工作合而為一。 clang-format 早期是用於美化 C++ 的程式碼，但好像用在 Typescript 也是行得通的。至少我所知到的是，google 內部好像也是使用他。

安裝

  1. 使用 npm 安裝 clang-format

npm install -g clang-format

  1. 安裝 Visual Stuido Code擴充套件
  2. 在專案下新增 .clang-format 的檔案 , 內容如下
BasedOnStyle:    Google

Language:        JavaScript
ColumnLimit:     100
  1. 修改 setting.json 檔案，開啟 formatOnSave 
{
    "editor.formatOnSave": true
}
  1. 重新啟動 Visual Studio Code。

使用效果

參考資料

7個讚
2

分享一下我的 Clang-Format 設定檔

1個讚