目錄
第二章 關於Visual Studio Code
2.1 介紹 Visual Studio Code
Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源跨平臺的現代化輕量級代碼編輯器，具有以下的優點：
1）支持30多種常用語言的語法高亮，並對html、js、css、Angular等很好的語法支持，並且還支持MarkDown
的預覽
2）體積小，功能強大，當然性能也是很好的，打開超大型的文本文件也不會卡死，大家可以和其他的一些文本
編輯器對比一下
3）支持命令操作(Ctrl + Shift + P)和鼠標操作，還有大量的快捷鍵，可以適應各種開發者的操作習慣
4）支持Git版本控制器，可以完成創建分支、解決衝突、提交修改等操作
5）強大的搜索功能，並且支持多文件搜索
6）最大的有點，當然是跨平臺、免費
2.2 安裝 Visual Studio Code
VS Code 下載地址：https://www.visualstudio.com/
安裝過程比較簡單，需要注意的是如果自己指定路徑，路徑中不要有空格和中文
2.3 使用 Visual Studio Code
VS Code 使用手冊：https://code.visualstudio.com/docs
2.3.1 界面佈局
2.3.2 插件安裝
1）安裝瀏覽器插件，用於訪問html頁面，在 擴展欄 的搜索框中輸入 open in browser 使用 Alt + B 使用默認瀏覽器打開當前 html 頁面，或 Shift + Alt + B 選擇其他瀏覽器
2）安裝vue插件（以下的vue相關的一些插件，首先需要先安裝Vue 2 Snippets）
Vetur —— 語法高亮、智能感知、Emmet等
Auto Rename Tag —— 自動完成另一側標籤的同步修改
Path Intellisense —— 自動路徑補全
HTML CSS Support —— 讓 html 標籤上寫class 智能提示當前項目所支持的樣式，安裝後有快捷提示
2.3.3 設置
1）開啓自動保存文件 file-->auto Save
2）設置字體大小 file-->preferences-->settings（或者快捷鍵ctrl + 空格也可以打開）
2.3.4 快捷鍵
官方快捷鍵：https://code.visualstudio.com/docs/getstarted/keybindings
快捷鍵pdf文檔：https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
2.3.5 git版本控制
git下載地址：https://git-scm.com/
1）本地環境變量配置, 在path中追加git下的cmd目錄
2）打開設置窗口，打開並編輯settings.json，添加git.exe的路徑
"git.path": "D:/git/Git/bin/git.exe"
注：找到settings後，點擊右上角的編輯，編輯json文件，添加git.exe路徑，注意斜槓方向，以及上一條後面要加上逗號
2.3.6 debug 調試
官方文檔(https://code.visualstudio.com/Docs/editor/debuggin