1.下載visual Studio Code (鏈接地址)
2.漢化過程
- 快捷鍵：ctrl + shift + p
- 輸入：configure display language
- locale的值改爲：zh-CN
- 重啓
- 失敗解決方法：第五個按鈕，在插件商城裏輸入 chinese(slimplified)Lang......中文簡體，選擇這個安裝
3.插件下載
- Open-In_Brower:在瀏覽器中打開文件的內置頁面
- Quokka:調試工具，能夠根據你正在編寫的代碼體統時時反饋。
- Material Theme ：主題
- Auto Import ： 自動補全
- CSS Peek ： 在html文件中右鍵單擊選擇器是，選擇 "go to definition 和 peek definition" 選項，它會給你發送樣式設置的CSS代碼
- HTML Boilerplate：HTML 模板插件，輸入html ，並按tab鍵，生成乾淨的文檔結構
- eslint:代碼檢查
- Debugger for chrome : 調試工具，單步調試
- code runner:萬能語言運行環境
- document this :快速註釋
- intelliSense for css names in Html :css類名提示
- code spell checker :代碼拼寫檢查
- npm intellisense : npm 模塊名稱自動補全
- gitlens:分屏
- bracket pair colorizer : 回調顏色凸顯
- vetur: vs code 下面的工具