2017年6月6日 星期二

VSCode

VSCode Extension
Path Intellisense路徑自動完成
jshintJS語法提示
HTML SnippetsHTML自動完成
Guides縮排顯示線
Beautify css/sass/scss/lessscss排版
vscode-icons樹狀圖小圖示
One Dark Pro色彩主題
Chinese (Traditional) Language Pack for Visual Studio Code中文化
Git Graph分支線圖
Code Spell Checker找拼錯字
vscode-styled-componentsStyled-Components 高亮
Vue Snippets JS/HTML/PUG/Razor/PHPVue 區塊註解
Markdown All in OneMarkdown 排版 (Alt+Shift+F)
Auto Rename TagHTML前後標籤同步命名
Debug Visualizer視覺化 Debug 工具
GitLab WorkflowGitLab 官方擴充套件
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 SelectionAlt + Shift + Left Mouse Button
Auto format On Paste"editor.formatOnPaste": true
Show function listCtrl+P @
選取一段相同字詞反白字詞 Ctrl+D
比對檔案右鍵,選取用以比較
npm install -g ts-node