VSCode 运行HTML 代码

最近开始使用vscode,简单记录使用笔记。
1.按住Ctrl + Shft + p打开命令面板,输入configure,选择最后一个选项Tasks:Configure Task Runner
如下图

01.png

2.然后选择最后一个选项 Others:...
如下图


VSCode 运行HTML 代码_第1张图片
02.png

3.弹出默认的一些配置选项,如下图
如下图


VSCode 运行HTML 代码_第2张图片
03.png

4.我们修改此默认配置文件task.json

{
    // See http://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "Chrome", //使用chrome浏览器
    "windows": {
        "command": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe" //chrome浏览器的路径
    },
    "isShellCommand": true,
    "args": ["${file}"], //表示对当前文件进行操作
    "showOutput": "always"  //代表运行的时候是否打开output窗口
}

5.选择你要运行的HTML文件,按Ctrl+Shift+B 就可以运行你的HTML文件


VSCode 运行HTML 代码_第3张图片
05.png

PS:如果你安装了QQ拼音输入法,可能和Ctrl+Shift+B冲突,你可以在QQ拼音--设置--高级快捷键设置--取消冲突快捷键

你可能感兴趣的:(VSCode 运行HTML 代码)