如何使用 clang-format
#前言
現有的 tslint 或是 jslint 都只是提示你的程式碼格式與規則不相同，卻沒有辦法自動的修正。而原本有的 formatter 也只是美化的動作。這套 clang-format 則是可以將這兩個工作合而為一。 clang-format 早期是用於美化 C++ 的程式碼，但好像用在 Typescript 也是行得通的。至少我所知到的是，google 內部好像也是使用他。
安裝
- 使用 npm 安裝 clang-format
npm install -g clang-format
- 安裝 Visual Stuido Code擴充套件
- 在專案下新增
.clang-format的檔案 , 內容如下
BasedOnStyle: Google
Language: JavaScript
ColumnLimit: 100
- 修改
setting.json檔案，開啟formatOnSave
{
"editor.formatOnSave": true
}
- 重新啟動 Visual Studio Code。