Windows 安裝
安裝過程中勾選 Add “Open with Code” action 選項，之後可以在檔案使用右鍵開啟 VSCode。
設定程式碼縮排
File > Preference > Settings
For windows
進入 Settings : Workbench > Settings > Open Default Setting 打勾，之後就可以開啟看預設 json 檔案。
在 User Settings 貼上{
"editor.tabSize": 2,
"editor.wordWrap": "on",
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
}
- 分別是縮排 4 格變 2 格。
- 超出視窗時自動繞行。
- 存檔自動縮排。
熱鍵 Hot Keys (Windows)
| 功能 | 快捷鍵 |
|---|---|
| 注釋 | Ctrl + / |
| 移動”行” | alt + ↑ ↓ |
| 往下插行 | Ctrl + Enter |
| 往上插行 | Ctrl + shift + Enter |
| 選擇整行 | Ctrl + L |
| 終端機 | Ctrl + ` |
| 刪除目前行 | Ctrl + X |
| 快速複製這行 | 反白多行後 alt + shift + ↑ ↓ |
| 整段移動 | 反白後 tab縮排 / shift + tab縮進 |
| 儲存 | ctrl + s |
| 預覽.md | ctrl + shift +v |
Extension
Recommended extension
- Emmet : VSCode 已預設，提供 HTML 與 CSS 的快速編寫，在輸鍵時，跳出相對應提示。
- Bracket Pair Colorizer : Debug 使用
- Live Server : 提供本地瀏覽，儲存同時，可直接在瀏覽器看到同步結果。
- Markdown Preview Enhanced : 可預覽 .md 檔案。
AC TA 提供:
Extension
- Chinese (Traditional) Language Pack for Visual Studio Code
- Code Spell Checker : 檢查是否拼錯字。
- Settings Sync : 把設定、 plugin 雲端備份到 gist 。
- Prettier - Code formatter : 自動排版工具。
- StandardJS :與 Prettier 相似，預設使用 JavaScript Standard Style 的標準。
- TODO Highlight : 高亮特殊的關鍵字。
- AutoFileName - 自動填入檔案路徑，在引入檔案時很方便。