VSCode

VSCode Extension

Path Intellisense	路徑自動完成
jshint	JS語法提示
HTML Snippets	HTML自動完成
Guides	縮排顯示線
Beautify css/sass/scss/less	scss排版
vscode-icons	樹狀圖小圖示
One Dark Pro	色彩主題
Chinese (Traditional) Language Pack for Visual Studio Code	中文化
Git Graph	分支線圖
Code Spell Checker	找拼錯字
vscode-styled-components	Styled-Components 高亮
Vue Snippets JS/HTML/PUG/Razor/PHP	Vue 區塊註解
Markdown All in One	Markdown 排版 (Alt+Shift+F)
Auto Rename Tag	HTML前後標籤同步命名
Debug Visualizer	視覺化 Debug 工具
GitLab Workflow	GitLab 官方擴充套件
Code Runner	直接執行 JavaScript 程式工具 可搭配 ts-node 執行 TypeScript
Bracket Pair Colorizer	括號顏色
Bracket Pair Colorizer 2	括號顏色2(已併入官方) "editor.bracketPairColorization.enabled": true, "editor.guides.bracketPairs": "active",

VSCode Hotkey

Markdown Preview (README.md)	Ctrl + Shift + V
Column Selection	Alt + Shift + Left Mouse Button
Auto format On Paste	"editor.formatOnPaste": true
Show function list	Ctrl+P @
選取一段相同字詞	反白字詞 Ctrl+D
比對	檔案右鍵，選取用以比較

npm install -g ts-node