在Windows 10下使用Visual Studio Code開發Angular應用程式

參考自:Will 保哥的技術交流中心

要在 Windows 10 底下順利的使用 Visual Studio Code 開發 Angular 應用程式,以下是必要的設定步驟:

  1. 更新 Visual Studio Code 到最新版本 ( v1.13+ )
  2. 變更 Windows 10 預設輸入法為「英文」( 重要 )
    Windows 8 小技巧: 繁體中文語言如何變更預設輸入法(英文)
    http://blog.miniasp.com/…/Windows-8-Tips-How-to-change-defa…
  3. 到 Visual Studio Code 設定語言為 zh-TW (繁體中文)
    在 VSCode 按下 F1 鍵並輸入「Configure Language」開啟設定檔
    修改 “locale":"en" 為 “locale":"zh-TW" 並存檔後重新啟動
  4. 安裝 Angular Extension Pack 擴充套件
    Angular Extension Pack
    https://marketplace.visualstudio.com/items…
  5. 調整 Visual Studio Code 設定 ( 按下 Ctrl-, 開啟設定 )
{
 "editor.snippetSuggestions": "top",
 "editor.renderIndentGuides": false,
 "editor.multiCursorModifier": "ctrlCmd",
 "editor.minimap.renderCharacters": false,
 "genGetSet.spacedImportLine": true,
 "tsimporter.noStatusBar": true,
 "tslint.autoFixOnSave": true,
 "tslint.enable": true,
 "emmet.useNewEmmet": true
}

6. 記憶一些常用的 Visual Studio Code 快速鍵
官方版小抄: https://aka.ms/vscodekeybindings