一、下載
進入VS Code官網：https://code.visualstudio.com，點選 DownLoad for Windows下載windows版本
當然也可以點選旁邊的箭頭，下載Windows版本 或 Mac OS 版本
- 備註：
- Stable：穩定版
- Insiders：內測版
注意：上述下載軟體安裝包的過程，大家可以不用操作，因為在提供的課程資料中，已經為大家準備好了安裝包 。
二、安裝
雙擊安裝包，選擇我同意此協議，再點選下一步
選擇安裝路徑（也可以使用預設值: C:\Users\super\AppData\Local\Programs\Microsoft VS Code），點選下一步 。
繼續點選下一步
可以勾選建立桌面快捷方式，如果不想使用vscode作為程式碼預設開啟方式，可以取消將code註冊為受支援的檔案型別的編輯器，點選下一步
點選安裝，開始安裝
安裝完成，執行VS Code。
點選左下角的 "設定" -> "主題" -> "主題顏色"，然後可以根據自己的喜好，選擇喜歡的主題顏色。
三、VS Code外掛安裝
VS Code提供了非常豐富的外掛功能，根據你的需要，安裝對應的外掛可以大大提高開發效率。
完成前端開發，常見外掛介紹：
1、Chinese (Simplified) Language Pack
適用於 VS Code 的中文（簡體）語言包
2、HTML CSS Support
在編寫樣式表的時候，自動補全功能大大縮減了編寫時間。
3、JavaScript (ES6) code snippets
支援ES6語法提示
4、Mithril Emmet
一個能大幅度提高前端開發效率的一個工具，用於補全程式碼
5、Path Intellisense
路徑提示外掛
6、Vue 3 Snippets
在 Vue 2 或者 Vue 3 開發中提供程式碼片段，語法高亮和格式化的 VS Code 外掛，能極大提高你的開發效率。
7、Auto Close Tag
自動閉合HTML/XML標籤
8、Auto Rename Tag
自動完成另一側標籤的同步修改
9、open in browser
vscode不像IDE一樣能夠直接在瀏覽器中開啟html，而該外掛支援快捷鍵與滑鼠右鍵快速在瀏覽器中開啟html檔案，支援自定義開啟指定的瀏覽器，包括：Firefox，Chrome，Opera，IE以及Safari
10、Live Server
一個具有實時載入功能的小型伺服器，也就是說我們可以在專案中實時用live-server作為一個實時伺服器實時檢視開發的網頁或專案效果。
11、Vue Language Features (Volar)
一個專門為 Vue 3 構建的語言支援外掛。它基於@vue/reactivity按需計算一切，實現原生 TypeScript 語言服務級別的效能。
12、TypeScript Vue Plugin (Volar)
TypeScript Vue Plugin是一個對Vue.js框架進行擴充套件的外掛，它允許開發者使用TypeScript語言編寫Vue元件和應用程式，並提供了更好的型別檢查和編輯器支援。透過使用TypeScript Vue Plugin，開發者可以在編寫Vue應用時獲得更好的開發體驗和程式碼可維護性。
13、File Utils
File Utils外掛,可以方便快捷的來建立、複製、移動、重新命名檔案和目錄。
14、IntelliJ IDEA Keybindings
安裝VSCode的外掛 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷鍵。
四、VS Code 配置
開啟配置皮膚，根據自己的喜好，可以修改字型、背景樣式等偏好設定
