安裝下載
https://code.visualstudio.com/
設置方式
方式一 (手動點擊設置)： 文件 -> 首選項 -> 設置
方式二 (代碼設置)：Ctrl+Shift+P輸入Preferences: Open Settings (JSON)
打開的setting.json即為配置文件
普通配置
1、自動保存：文件 -> 自動保存
其他設置
// 設置Tab空格數
"editor.tabSize": 2,
擴展配置
插件推薦
Auto Complete Tag ： 自動補全
Vetur : vue高亮語法
Bracket Pair Colorizer2 : 顏色區分括號
Open in browser ： 打開默認瀏覽器
1、設置中文
1、安裝擴展Chinese (Simplified) Language Pack for Visual Studio Code
2、使用快捷鍵組合Ctrl+Shift+p，在搜索框中輸入或選擇“Configure Display Language”，點擊確定
3、在顯示的en，zh-cn中選擇zh-cn，接下來選擇重啟就好了。
2、設置Emmet
打開vscode內置的emmet
"emmet.triggerExpansionOnTab": true
問題：emmet會和vscode自帶的智能提示沖突
解決：
方式一：在按下emmet快捷鍵(Tab)的時候先按ESC，再按快捷鍵。
方式二：Ctrl+Shift+P輸入Preferences: Open Keyboard Shortcuts (JSON)
打開keybindings.json文件后，在數組中加入以下配置
{
"key": "enter",
"command": "acceptSelectedSuggestion",
"when": "editorTextFocus && suggestWidgetVisible"
},
{
"key": "tab",
"command": "editor.emmet.action.expandAbbreviation",
"when": "config.emmet.triggerExpansionOnTab && editorTextFocus && !editorHasSelection && !editorReadonly && !editorTabMovesFocus"
}
3、ts
"javascript.implicitProjectConfig.experimentalDecorators": true
快捷鍵
Ctrl + F ： 查找
Ctrl + H ： 替換
Ctrl + / ： 注釋
Ctrl + B ： 隱藏顯示左邊工具欄
Ctrl + ~ ： 隱藏顯示控制臺終端
Ctrl + Shift + N : 新建一個窗口
Shift + Alt + F ： 代碼格式化
ctrl + ( + / – ) ： 字體放大/縮小
