安裝下載
https://code.visualstudio.com/
設(shè)置方式
方式一 (手動(dòng)點(diǎn)擊設(shè)置)： 文件 -> 首選項(xiàng) -> 設(shè)置
方式二 (代碼設(shè)置)：Ctrl+Shift+P輸入Preferences: Open Settings (JSON)
打開(kāi)的setting.json即為配置文件
普通配置
1蟋座、自動(dòng)保存：文件 -> 自動(dòng)保存
其他設(shè)置
// 設(shè)置Tab空格數(shù)
"editor.tabSize": 2,
擴(kuò)展配置
插件推薦
Auto Complete Tag ： 自動(dòng)補(bǔ)全
Vetur : vue高亮語(yǔ)法
Bracket Pair Colorizer2 : 顏色區(qū)分括號(hào)
Open in browser ： 打開(kāi)默認(rèn)瀏覽器
1命黔、設(shè)置中文
1类茂、安裝擴(kuò)展Chinese (Simplified) Language Pack for Visual Studio Code
2、使用快捷鍵組合Ctrl+Shift+p峡谊，在搜索框中輸入或選擇“Configure Display Language”汞窗，點(diǎn)擊確定
3姓赤、在顯示的en，zh-cn中選擇zh-cn仲吏，接下來(lái)選擇重啟就好了不铆。
2蝌焚、設(shè)置Emmet
打開(kāi)vscode內(nèi)置的emmet
"emmet.triggerExpansionOnTab": true
問(wèn)題：emmet會(huì)和vscode自帶的智能提示沖突
解決：
方式一：在按下emmet快捷鍵(Tab)的時(shí)候先按ESC，再按快捷鍵誓斥。
方式二：Ctrl+Shift+P輸入Preferences: Open Keyboard Shortcuts (JSON)
打開(kāi)keybindings.json文件后只洒，在數(shù)組中加入以下配置
{
"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 + ~ ： 隱藏顯示控制臺(tái)終端
Ctrl + Shift + N : 新建一個(gè)窗口
Shift + Alt + F ： 代碼格式化
ctrl + ( + / – ) ： 字體放大/縮小
