(資料圖片僅供參考)

五 安裝VS Code

Visual Studio Code，簡稱VS Code，是一種簡化且高效的代碼編輯器，同時支持諸如調試，任務執行和版本管理之類的開發操作。它的目標是提供一種快速的編碼編譯調試工具。優勢：支持多種語言的編寫，前后端都可以用插件多跨平臺啟動速度快免費....

1.下載路徑

??https://code.visualstudio.com/??

2.安裝步驟

安裝后界面如下：

3.配置

3.1 安裝中文簡體VSCode插件

3.2安裝Vetur插件

Vetur支持.vue文件的語法高亮顯示，除了支持template模板以外，還支持大多數主流的前端開發腳本和插件，比如Sass和TypeScript

安裝前：

安裝后：

3.3 安裝vue vscode snippets

vue語法提示，加強vue的便捷寫法

3.4 安裝Auto Close Tag

自動閉合標簽

3.5 安裝 Bracket Pair Colorizer

對括號進行著色，方便區分

3.6 安裝 Copy Relative Path

用于復制文件的完整路徑和相對路徑

安裝后：

3.7 安裝Path Intellisense

路徑自動感知，在配置文件中配置`@`后我們就可以很方便快捷的引用各種文件了

安裝后：

3.8 安裝Vue Peek

用于Vue快速查看組件定義以及組件跳轉

安裝后：

3.9 安裝vscode-element-helper

針對 Element 標簽的屬性以及方法進行區分，并且提供自動補全提示。