Visual Studio Code：取代 Sublime 的文字編輯器
Visual Studio Code（簡稱 VS Code）是一個由微軟開發的，同時支援 Windows、Linux 和 macOS 作業系統且開放原始碼的文字編輯器，它支援偵錯，並內建了 Git 版本控制功能，同時也具有開發環境功能。
我今年六月份的時候，寫一篇 Sublime Text 3 的學習紀錄，但用沒幾周就換成 VS Code 了，因為第一次使用文字編輯器，覺得 Sublime 安裝套件部分太麻煩了，但又一直忘記來寫 VS Code 學習紀錄，最近剛好重灌電腦重新安裝 VS Code，就來整理 VS Code 哪些好用的套件。
Download Visual Studio Code：https://code.visualstudio.com/
VS Code 功能
- 終端機整合，快捷鍵
Ctrl+~。 - 內建 Emmet，快速開發 HTML。
- 內建 Color Highlight，顏色標示。
- 內建 Gulp 版本控制功能。
- 問題，清楚顯示錯誤程式碼。
常用快速鍵
通用快捷鍵
Ctrl+P，快速打開最近打開的文件。Ctrl+Shift+N，打開新的編輯器視窗。Ctrl+Shift+W，關閉編輯器。Ctrl+Shift+P或F1，開啟命令選擇區。Ctrl+Shift+S，另存新檔。Ctrl+C，複製。Ctrl+V，貼上。Ctrl+S，儲存。Ctrl+X，剪下。Ctrl+Z，回上一步。
基礎編輯
Alt+up/down，移動行上下。Shift+Alt+up/down，在當前行上下複制當前行。Ctrl+Shift+K，刪除行。Ctrl+Shift+|，跳轉至匹配花括號的閉合處。Home，跳轉到行頭。End，跳轉到行尾。Ctrl+/，添加關閉行註釋。Shift+Alt+A，塊區域註釋。
導覽
Ctrl+G，跳轉行。Ctrl+P，跳轉文件。Ctrl+Shift+M，打開問題展示面板。F8，跳轉到下一個錯誤或者警告。Shift+F8，跳轉到上一個錯誤或者警告。
查詢與替換
Ctrl+F，查詢。Ctrl+H，替換。Ctrl+D，匹配當前選中的詞匯或者行，再次選中-可操作。
多行光標操作於選擇
多行光標，可以同時輸入。
Alt+Click，插入光標（支持多個）。Ctrl+Alt+up/down，上下插入光標-（支持多個）。Ctrl+U，撤銷最後一次光標操作。Ctrl+I，選中當前行。Ctrl+Shift+L，選取所有項目（我已改成Shift+L，因為Ctrl+Shift+L無反應）。
好用的套件
中文化
- Chinese (Traditional) Language Pack for Visual Studio Code，VS Code 的中文（繁體）語言套件。
視覺
- vscode-icons，檔案與資料夾 icon 美化，需要按下
F1在命令選擇區輸入 icon 並點選第一個命令啟用。 - One Dark Pro，主題樣式。
- Bracket Pair Colorizer，括號標色。
- Indent Rainbow，縮排顯示不同顏色。
程式碼
- ESLint，Javascript Linter 提高程式碼品質。
- prettier，快速格式化 Javascript 和 CSS 文檔。
- Pug beautify，快速格式化 Pug 文檔。
- Sass，Sass highlighting。
- Node Exec，簡單測試 javaScript 程式碼 不需要綁 HTML。
- SCSS Refactoring，SCSS 快速建立變數，快速鍵
Ctrl+Alt+E。 - Code Spell Checker，代碼的拼寫檢查器。
Vue
- Vetur，Vue 的集大成工具，寫 Vue 必裝。
- Vue 2 Snippets，Vue 2 的程式碼片段
網頁
- Live Server，建立 Live server。
- Live Sass Compiler，編譯 Sass 檔。
- live server preview，在 VSCODE 中及時預覽網頁。
- Blueprint，建立專案範本。
Git
- git-autoconfig，多帳號管理。
- Git History，視覺化歷史記錄。
- gitflow，Git Flow 流程。
- gitignore，右鍵選取部分檔案不版控管理。
