之前一直都是用 sublime text 作為開發工具，用久了自然而然會覺得生活無趣，而且當時用sublime text 裝了很多插件，有些插件不能用，於是決定試試微軟的新產品 Visual Studio Code 。
1. 開始
在這里界面里你就可以看到一個非常有情懷的快速鏈接：安裝鍵盤快捷方式（你可以安裝包括但不限於 Vim、Sublime、Atom 的鍵盤快捷方式），所有這個 coding 工具還是非常容易上手的。
從體積來說比 Sublime text 大了不少，30多兆，啟動速度也肯定會慢一些，但還是在可接受的范圍內，這個還跟機器有關系。
Visual Studio Code 的快捷鍵設置是統一管理的，所以你只需要修改一個文件就可以了。我們先來看看 Visual Studio Code 的常用快捷鍵。
Visual Studio Code 有兩個比較重要的文件，一個是 setting.json （基本設置），另一個是 keybindings.json（配置快捷鍵文件）。它們 分別在【文件】-【首選項】-【設置】和【文件】-【首選項】-【鍵盤快捷方式】。
2. 快捷鍵
極常用的快捷鍵：
ctrl + E 查找最近打開過的文件
ctrl + tab 在文件之間切換
ctrl + G 跳到指定行
Ctrl + Shift + F 在項目下所有文件內查找內容（並且可全局替換）
Ctrl + \ 或者 按住 Ctrl 雙擊文件。
Ctrl + p 全局搜索文件
Ctrl + Home / End 跳到文件頭部或者尾部
更多可以看官網的https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
3. 插件
在搜索框輸入你要安裝的插件便可以安裝了。
這里介紹幾個我必裝的幾個插件
3.1 vscode-icons
這是一個文件圖標顯示插件，可以根據你的文件類型開決定將顯示何種圖標。這樣也不只是為了美觀，還可以讓自己一目了然。更好的定位到要查看的文件。
3.2 vscode-fileheader
這個插件可以為你在文件開頭插件頭信息，比如文件的作者，修改時間，有了這個插件你就不需要每次都碼一次所謂的無用信息了。
這個插件的用法也好簡單：快捷鍵為：ctrl+alt+i，的依次點開【開始】-【首選項】-【設置】，在用戶配置文件中添加如下代碼：
"fileheader.Author": "https://www.geekjc.com", "fileheader.LastModifiedBy": "https://www.geekjc.com" 想查看更多有用的插件 可以看VSCode拓展插件推薦（HTML、Node、Vue、React開發均適用
3.3 HTML CSS Support
列出項目里所有能用的類名，這個插件也挺有用的。有時候當你只記得一個類的首字母或者前幾個字母時，這個插件就非常地有用了，當你敲出第一個字母后這個插件就會自動把項目里（當前HTML 文件引用到的.css 文件）與此匹配的類全都列出來，還帶有來自哪個 .css 文件的提示。
4. 補充如何設置插件的快捷鍵
我們可以給插件來配置快捷鍵。不管是什么插件，你都可以像下面這樣配置快捷鍵。我們以 vscode-fileheader 插件為例子：
依次點開【文件】-【首選項】-【鍵盤快捷方式】，出現如下圖
按上圖操作所示就可以設置快捷鍵了
5. 配置選項
有時候我們安裝了很多插件，我們需要管理，需要開啟或者關閉某些插件的功能，就可以用這個配置選項了
依次點開【文件】-【首選項】-【設置】
左邊的是默認的，右邊的是用戶自定義的，都可以編輯
6. 終端命令行工具 Terminal
在VS Code中提供了一個功能齊全的集成終端，這非常方便，因為您不必切換窗口或更改現有終端的狀態就可以快速執行命令
7. 最后
當然vscode還有很多提高效率和很酷的操作，慢慢挖掘，不斷更新，關注極客教程
作者：極客教程
鏈接：https://www.jianshu.com/p/990b19834896
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯系作者獲得授權並注明出處。