vscode-代碼編輯器的全稱是“visual studio code”，主要是一個運行於 Mac OS X、Windows和 Linux 之上的，針對於編寫現代 Web 和雲應用的跨平台源代碼編輯器。
百度搜索vscode點擊官網（https://code.visualstudio.com/）下載編輯器，通常它會自動判別你的電腦版本是Mac、windows或者linux的，系統分為32bit或者64bit
如何查看電腦版本系統型號？電腦鼠標右鍵點擊此電腦查看屬性，然后根據你自己電腦版本型號下載就OK，文件大概60M樣子，下載速度取決你的網速。下載完成后，桌面會出現下載好的安裝包，直接點擊安裝程序，接着同意協議（如果不接受協議，你沒辦法下一步）；勾選創建桌面快捷方式與添加到PATH（重啟后生效）按鈕，然后點擊下一步選擇你軟件的安裝位置，最后點擊完成，你會發現你的桌面上多了一個Visual Studio Code的快捷方式
如圖所示：打開編輯器看到是全英文的，左邊是編輯器的活動欄，控制資源管理器和安裝插件，欄目上方菜單欄主要是用來控制文件和編程的，注意1.文件名后綴是以.html結尾2.通過vscode菜單欄創建或者新建文件的快捷鍵是CTRL+N，文件保存CTRL+S，3.通過vscode資源管理器創建
如何查看文件名的后綴？桌面新建文件夾點擊“工具”——選擇文件夾中的“查看”——把勾選“隱藏已知文件類型的擴展名”去除，那么你桌面上的文件就會顯示文件格式了。
當然編程嘛！英文更有利於培養我們的思維習慣，但是用着總不是很舒服，所以我們首先需要把Visual Studio Code漢化下，打開編輯器安裝中文簡體插件“Chinese (Simplified) Language Pack for Visual Studio Code”
安裝完成，會出現Restart Now按鈕，點擊確定，意思是軟件立即重啟，剛安裝的Chinese (Simplified) Language Pack for Visual Studio Code的中文簡體語言包才能生效
最后再安裝下HTML CSS Support是CSS自動補全插件與js代碼錯誤自動檢測插件ESLint
最后為了便於調試，不至於每次打開文件都到文件夾中，我們再安裝一個插件open in browser 代碼在瀏覽器中打開，默認打開瀏覽器的快捷鍵是ALT+B；打開其他瀏覽器是shift+alt+b
最后Visual Studio Code具有自帶emment代碼生成系統，自動補齊代碼功能，關於自定義代碼塊的設置（點擊右下角齒輪——用戶代碼片段-選擇html.json）
最后關於vscode的快捷鍵網址（多看多用多記https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf）