轉載自：https://zhuanlan.zhihu.com/p/73577624?from_voters_page=true
軟件下載
根據自己的操作系統下載不同的軟件，官網地址：
Visual Studio Code - Code Editing. Redefined
漢化教程
軟件下載完畢后，它是英文版的。對於英文不好的可以試試漢化版的，上手會更快一點。
漢化插件安裝完成后，要重啟后才會生效。
常用快捷鍵
如果想快速了解vscode中的快捷鍵，可以直接在官網或者在vscode中查找。
快捷鍵為：ctrl+k ctrl+s
里面可以查看各種快捷鍵的功能
快捷鍵映射
對於一些已經使用過sublime、idea等工具的，可以直接使用快捷鍵映射的方式把sublime、idea中的快捷鍵映射過來。如果之前沒有使用過這些工具的，直接使用vscode的快捷鍵就可以了。
自定義快捷鍵
在vscode中還可以自定義快捷鍵，這樣也可以在別的工具上使用熟悉的快捷鍵，使用在vscode中，方便的上手。
插件安裝推薦
圖標插件（vscode-icons）：這款插件是文件圖標庫插件，至少能讓你的工具看起來不那么丑，主要是起到一個美化的效果。其效果如下：
如果安裝了插件還是沒有效果，請檢查一下，你是否使用了此插件沒有。
html與css關聯（CSS Peek）：可以直接在html代碼中，按ctrl+鼠標左鍵查看該元素的樣式。
萬能語言運行環境 （Code Runner）：如果你需要學習或者接觸各種各樣的開發語言，那么 Code Runner 插件可以讓你不用搭建各種語言的開發環境，直接通過此插件就可以直接運行對應語言的代碼，非常適合學習或測試各種開發語言。
支持的語言有：C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, 以及一些自定義的命令。
快速注釋（ Document This）：優秀的代碼除了優秀的性能、規范的格式，注釋也是不可或缺的，而且注釋也應該有一套標准的注釋方法，特別對於 JavaScript 這種語言。Document This 可以快速地幫你生成注釋，如一些函數的注釋還能幫你抽取出參數的定義等，是你編寫規范代碼必備的工具。Document This目前僅支持JavaScript和TypeScript。
CSS 類名智能提示（HTML CSS Support）：它會提示一些類名供你選擇。
代碼拼寫檢查（Code Spell Checker）：此插件安裝后就不用管就好了，在你代碼中有單詞拼寫錯誤時，你就會發現它的好處，因為我們寫代碼畢竟都是大量的英文單詞變量定義，插件還可以給出錯誤拼寫單詞的建議。如果單詞有錯下面就會出現波浪線。
備忘插件（TODO Highlight）：在很多的其他代碼編輯器中都有 TODO 標注功能的，如你寫到某一部分的代碼時，其中部分的功能需要稍后再來實現，這是就可以在對應的代碼處添加一個 TODO 類型的注釋，那么后期就可以快速地跳轉到這部分繼續寫，而且當項目很大的時候，TODO 就變得更加有用，因為有時候 TODO 可能有幾十個，幫助你標注那些功能需要繼續實現或優化。
自動重命名標簽（Auto Rename Tag）：這個插件對你的標簽修改起來一個很大的作用，當你修改起始標簽的時候，結束標簽也會隨着起始標簽的修改而修改
html模板（HTML Boilerplate）：就是一個很標准html5的模板插件，兼容新老版瀏覽器。
代碼格式化（Prettier - Code formatter）:
顏色提示（Color Info）：
自動閉合標簽（Auto Close Tag）：安裝了這個插件后，如果你的起始標簽不小心刪除的結束標簽，只要打 </ 就會自動補全，根據就近原則，一次只能補全一個標簽