Visual Studio Code（以下簡稱vscode）是一個輕量且強大的代碼編輯器，支持Windows，OS X和Linux。內置JavaScript、TypeScript和Node.js支持，而且擁有豐富的插件生態系統，可通過安裝插件來支持C++、C#、Python、PHP等其他語言
1.安裝
下載地址: https://code.visualstudio.com/
2.基本使用
1)對於插件進行自定義配置
設置 -> 用戶設置 -> 擴展 -> 插件名稱 即可進行修改操作
3.常用插件
安裝插件:
1) view in browser
快速在文件右鍵 -> 點擊"view in brower" 可以快速在瀏覽器運行該文件
2) Live Server(及時瀏覽)
安裝完成,在窗口的最底部有Go Live可以點擊，一旦點擊，就會自動在瀏覽器中打開HTML文件
3)PHP IntelliSense(支持代碼跳轉)
點擊配置文件，編輯 php.executablePath ，將 null 改為php的安裝路徑
4)Auto Close Tag(自動閉合HTML/XML標簽)
5)Auto Rename Tag(自動完成另一側標簽的同步修改)
6)Bracket Pair Colorizer(給括號加上不同的顏色，便於區分不同的區塊，使用者可以定義不同括號類型和不同顏色)
7)Debugger for Chrome(映射vscode上的斷點到chrome上，方便調試)
8)HTML CSS Support(智能提示CSS類名以及id )
9)HTML Snippets(智能提示HTML標簽，以及標簽含義)
10)智能提示HTML標簽，以及標簽含義(ES6語法智能提示，以及快速輸入，不僅僅支持.js，還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時間)
11)jQuery Code Snippets(jQuery代碼智能提示)
12)open in browser(vscode不像IDE一樣能夠直接在瀏覽器中打開html，而該插件支持快捷鍵與鼠標右鍵快速在瀏覽器中打開html文件，支持自定義打開指定的瀏覽器，包括：Firefox，Chrome，Opera，IE以及Safari)
13)Path Intellisense(自動提示文件路徑，支持各種快速引入文件)
4. 常用設置
1) 一般為了避免亂碼,將文本換行 CRLF -> LF
5.常用快捷鍵
1)快速復制一行
Shift+ Alt + ↑/↓ 上下快速復制
在當前行空選擇的時候,直接復制粘貼即可
2)上下移動某行
Alt + ↑/↓
3)切出一個新的編輯器（最多 3 個）
Ctrl+\，也可以按住 Ctrl 鼠標點擊 Explorer 里的文件名
4) 左中右 3 個編輯器的快捷鍵 Ctrl+1 Ctrl+2 Ctrl+3
主命令框
F1 或 Ctrl+Shift+P: 打開命令面板。在打開的輸入框內，可以輸入任何命令，例如：
- 按一下
Backspace會進入到Ctrl+P模式 - 在
Ctrl+P下輸入>可以進入Ctrl+Shift+P模式
在 Ctrl+P 窗口下還可以:
- 直接輸入文件名，跳轉到文件
?列出當前可執行的動作!顯示Errors或Warnings，也可以Ctrl+Shift+M:跳轉到行數，也可以Ctrl+G直接進入@跳轉到symbol（搜索變量或者函數），也可以Ctrl+Shift+O直接進入@根據分類跳轉symbol，查找屬性或函數，也可以Ctrl+Shift+O后輸入:進入#根據名字查找symbol，也可以Ctrl+T