开发环境配置

1.安装vscode

安装以下插件

 Auto Close Tag
 Live Server
 css peek
 open in browser
 view in browser
 Path Autocomplete
 HTML CSS Support
 Auto Rename Tag
 Color Highlight

在商店中搜索出插件，然后安装最新版的插件

vs.png

配置快捷键

文件>>>>首选项>>>>键盘快捷方式

kj.png

[
    {
        "key": "ctrl+d",
        "command": "editor.action.deleteLines",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+shift+/",
        "command": "editor.action.blockComment",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+w",
        "command": "extension.openInDefaultBrowser"
    },
    {
        "key": "alt+b",
        "command": "-extension.openInDefaultBrowser"
    }
]

将上面的代码复制到keybindings.json中

kjj.png

保存并退出