### 1.到官網下載安裝包:
[https://code.visualstudio.com/](https://code.visualstudio.com/)
安裝:可自行選擇安裝目錄,但建議使用默認安裝目錄
### 2.快捷鍵的配置
>打開visual code,依次點擊->文件->首選項->鍵盤快捷方式->keybinding.json(搜索欄的下面)->將下面的內容復制粘貼->保存
~~~
[
{
"key": "alt+/",
"command": "editor.action.triggerSuggest",
"when": "editorTextFocus"
},
{
"key": "ctrl+d",
"command": "editor.action.deleteLines",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+down",
"command": "editor.action.copyLinesDownAction",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+up",
"command": "editor.action.copyLinesUpAction",
"when": "editorTextFocus"
},
{
"key": "shift+enter",
"command": "editor.action.insertLineAfter",
"when": "editorTextFocus && !editorReadonly"
},
{
"key": "ctrl+shift+/",
"command": "editor.action.blockComment",
"when": "editorTextFocus"
},
{
"key": "ctrl+w",
"command": "extension.viewInBrowser",
"when": "editorTextFocus"
},
{
"key": "ctrl+f1",
"command": "-extension.viewInBrowser",
"when": "editorTextFocus"
}
]
~~~
### 3.拓展程序添加:
Auto Close Tag
Auto Rename Tag
Bootstrap 3 Snippets
Color Highlight
CSS Peek
HTML CSS Support
Live Server
open in browser
Path Autocomplete
view-in-browser