安装VIsualStudioCode

使用之前的配置文件

image.png

需要安装以下插件

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

快捷键设置

image.png image.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"
    }
]

直接将代码粘入其中,如果快捷方式打开页面有错误,那么可能是快捷键错误,可自行设置