VS code 设置使用快捷键打开浏览器运行当前代码

当前版本信息:

版本 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,真命令式代码控制啊。。。

  1. ctrl+P ,输入.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执行,

原文地址:https://www.cnblogs.com/zhangmingzhao/p/8450205.html

时间: 2024-10-09 12:11:05

VS code 设置使用快捷键打开浏览器运行当前代码的相关文章

Sublime Text3—设置快捷键打开浏览器

在不同浏览器查看代码效果可谓是家常便饭,所以用不同快捷键对应打开不同浏览器可以大大提高工作效率. 本篇分享个简单的方法只需二步: 一.安装插件SideBarEnhancements ctrl+shift+P 转 Package Control: Install Package 搜 SideBarEnhancements 安装. 没装Package Control?请看:Sublime Text3-软件安装.package control插件管理. 二.设置快捷键 打开Key Binding |

sublime text2设置快捷键打开浏览器

1 1 编辑一个py文件,内容如下: 2 import sublime, sublime_plugin 3 import webbrowser 4 5 url_map = { 6 'C:\\server\\www\\' : 'http://localhost/', 7 } 8 9 class OpenBrowserCommand(sublime_plugin.TextCommand): 10 def run(self,edit): 11 window = sublime.active_windo

如何在Visual Studio Code中调用浏览器运行HTML代码

微软刚发布的Visual Studio Code还不支持安装扩展,没有内置的HTML预览功能.如果想要编辑HTML之后直接运行,可以 ctrl+shift+p 搜索 Configure Task Runner. 回车之后打开 tasks.json,修改一下: {     "version": "0.1.0",     "command": "explorer",     "windows": {      

打开其他android应用代码

ComponentName component = new ComponentName("com.android.settings","com.android.settings.wifi.WifiSettings"); Intent intent = new Intent(); intent.setComponent(component); context.startActivity(intent); 查看其他应用的包名,类名方法: 直接在设备上运行需要打开的应用,

默认主页更改 主页锁定 打开浏览器时的网页设置

修改注册 表 ------------reg 打开浏览器时的网页设置 HKEY_LOCAL_MACHINE\Software\Microsoft\Internet Explorer\Main HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main "Start Page"="http://www.2345.com/?k90007203" 默认主页更改 HKEY_LOCAL_MACHINE\Softwar

webstorm 设置默认浏览器中打开快捷键

1,点击菜单 files --> settings -->在左侧菜单中 Appearance &behavior 下面有一个keymap 点击-->在右侧搜索 open in default browser,并设置快捷键(会提示F5 快捷键冲突,建议设置alt+3)-->完成设置 2,ctrl+alt+s或file->settings->Tools-> Web Browsers 打开浏览器编辑面板 原文地址:http://blog.51cto.com/ho

vue中npm run dev运行项目自动打开浏览器

npm run dev运行项目自动打开浏览器设置自动打开浏览器 // 各种设备设置信息      host: 'localhost', //主机名      port: 8080, // 端口号(默认8080)      autoOpenBrowser: false, //是否自动打开浏览器 //想让浏览器自动打开,只需将false改为true即可,为防止端口号冲突,这里也可以随意更改端口号 autoOpenBrowser: true,  //是否默认打开浏览器,默认是false,改为true即

mac os系统使用Visual Studio Code打开浏览器查看HTML文件

command+shift+p 搜索 Configure Task Runner. 回车之后打开 tasks.json,修改一下: { "version": "0.1.0", "command": "Chrome", "osx": { "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome

在程序中打开浏览器(方法1拓展部分)

实验名称:打开浏览器 实验想象:点击程序中button,打开浏览器 理论介绍:除了可以Uri.parse()方法,我们在 1.android:scheme:用于指定数据的协议部分,如http 2.android:host:用于指定数据的主机名部分,如www.baidu.com 3.android:port:用于指定数据的端口部分,一般紧随主机名之后 4.android:path:用于指定主机名和端口之后的部分 5.android:mimeType:用于指定可以处理的数据类型,允许使用通配符的方式