VS Code 安裝及使用

---

1、下載

進入VS Code官網：地址，點擊 DownLoad for Windows下載windows版本

注：

• Stable：穩定版
• Insiders：內測版

2、安裝

---

雙擊安裝包，選擇我同意此協議，再點擊下一步

選擇你常用軟件的安裝路徑，點擊下一步 ，此處可以勾選創建桌面快捷方式，如果不想使用VS code作為代碼默認打開方式，可以取消將code注冊為受支持的文件類型的編輯器，點擊下一步

點擊安裝，開始進行安裝，安裝完成，運行VS Code

點擊左下角的 “設置” -> “主題” -> “主題顏色”，然后可以根據自己的喜好，選擇喜歡的主題顏色，快捷鍵：ctrl + `

3、VS Code插件安裝

---

VS Code提供了非常豐富的插件功能，根據你的需要，安裝對應的插件可以大大提高開發效率

1、Chinese (Simplified) Language Pack

適用于 VS Code 的中文（簡體）語言包

2、HTML CSS Support

在編寫樣式表的時候，自動補全功能大大縮減了編寫時間

3、JavaScript (ES6) code snippets

支持ES6語法提示

4、Path Intellisense

路徑提示插件

5、Mithril Emmet

一個能大幅度提高前端開發效率的一個工具，用于補全代碼

6、Auto Close Tag

自動閉合HTML/XML標簽

7、Auto Rename Tag

自動完成另一側標簽的同步修改

8、Vue 3 Snippets

在 Vue 2 或者 Vue 3 開發中提供代碼片段，語法高亮和格式化的 VS Code 插件，能極大提高你的開發效率

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的快捷鍵