您现在的位置:首页 >> 前端 >> 内容

VScode设置使用快捷键打开浏览器运行当前代码(教程)

时间:2018/2/21 10:55:42 点击:

  核心提示:当前版本信息: 版本 1.20.0 提交 c63189deaa8e620f650cc28792b8f5f3363f2c5b 日期 2018-02-07T17:09:39.780Z Shell 1.7....

当前版本信息:

版本 1.20.0

提交 c63189deaa8e620f650cc28792b8f5f3363f2c5b

日期 2018-02-07T17:09:39.780Z

Shell 1.7.9

渲染器 58.0.3029.110

Node 7.9.0

架构 x64

之前一直用的Atom,最近转入了vs code,真命令式代码控制啊。。。

ctrl+P ,输入.vscode

VScode设置使用快捷键打开浏览器运行当前代码(教程)

打开tasks.json

2.将代码修改成如下,路径改成自己的(注脚本名子当前版本是label,以前的name废弃了)

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Run HTML file with Chrome",
            "type": "process",  // [shell,process]
            "command": "Chrome",
            "args": ["${file}"],
            "windows": {
                "command": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"
            },
            "group": "build",
            "presentation": {
                // Reveal the output only if unrecognized errors occur.
                "reveal": "never"  //[always,never,silent]
            },
            // Use the standard MS compiler pattern to detect errors, warnings and infos
            "problemMatcher": "$msCompile"
        }
    ]
}

3.在html文件下Ctrl+Shift+B执行,

VScode设置使用快捷键打开浏览器运行当前代码(教程)

Tags:VS SC CO OD 
作者:网络 来源:Lawliet