使用Visual Studio Code打开浏览器查看HTML文件

vscode出来之前一直使用sublime,后者在编写HTML文件时可以通过点击鼠标右键,找到open in browser来启动系统默认浏览器,而vscode却没有这个功能,调试和预览起来比较麻烦。不过可以通过配置tasks.json文件来解决这个问题。

Ctrl+P打开命令面板,输入tasks.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"
}

保存后打开一个html文件,按组合键Ctrl+Shift+B就可以使用指定的浏览器打开html文件了。

时间: 2024-12-17 00:57:22

使用Visual Studio Code打开浏览器查看HTML文件的相关文章

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

Visual Studio Code 打开.py代码报Linter pylint is not installed解决办法

刚刚开始学习Python 编程,在Visual Studio Code 打开.py代码总是报Linter pylint is not installed错误,最后从网上找到解决办法记录一下: 原文地址:https://blog.csdn.net/lhb215215/article/details/79830242 确保已经安装Python编译环境 点击下图位置(这个是我已经安装过后的文字,原本显示“搜索Python”字样) 点击后显示如下,点击安装 然后出现一大坨命令,编辑器上面会出现 pip

Visual Studio Code 显示隐藏的.git文件和目录

原文链接: Visual Studio Code 显示隐藏的.git文件和目录 在默认设置中,Visual Studio Code 将下列文件文件排除在显示列表中: "files.exclude": { "**/.git": true, "**/.svn": true, "**/.hg": true, "**/.DS_Store": true } 你可以修改用户设置或者工作区设置,将.git文件添加到显示列

Visual Studio Code打开终端控制台

刚学习Node.js开发,使用vscode开发工具.一开始使用Windows命令窗口输出Node结果,但是觉得太麻烦了,每次都要从vscode开发工具切换到Windows命令窗口,来来回回. 然后想,vscode开发工具有没有类似的命令窗口的呢?带着好奇心度娘一下,果然有!呵呵! 1.在vscode工具的“查看”菜单中便有这两个选项,“调试控制台”和“集成终端”,或者可以使用快捷键Ctrl+~也是可以打开终端. 2.第一次在终端输入可能会无效,不急!先关掉vscode工具重启,然后就可以使用了!

visual studio code (vsc)中查看 php 数组的全部元素

在 vsc 调试 php 时,如果数组元素过多,只能查看前面 30个左右的元素,如果需要看更多的元素,可以配置 xDebugSettings 修改项目中的 .vscode/launch.json 文件: 添加上如下内容: "xdebugSettings": { "max_children": 128, "max_data": 512, "max_depth": 3 } 如下图: 参考:https://github.com/fe

使用Visual Studio Code开发.NET Core看这篇就够了

原文:使用Visual Studio Code开发.NET Core看这篇就够了 作者:依乐祝 原文地址:https://www.cnblogs.com/yilezhu/p/9926078.html 在本文中,我将带着大家一步一步的通过图文的形式来演示如何在Visual Studio Code中进行.NET Core程序的开发,测试以及调试.尽管Visual Studio Code的部分功能还达不到Visual Studio的水平,但它实际上已经足够强大来满足我们的日常开发.而且其轻量化,插件化

visual studio code编辑python文件

visual studio code 安装.通过360软件管家,查找visual studio code 下载安装即可 设置visual studio code为中文 打开进入软件,Ctrl + Shift + P,切入到命令行模式.输入“Configure Language” 然后点击下拉框出来的 Configure Display Language 然后会出现如下界面,把"locale":"en"改成"locale":"zh-CN&

我的全栈之路-Java基础之macOS+Visual Studio Code开发Java程序

我的全栈之路-Java基础之macOS+Visual Studio Code开发Java程序 我的全栈之路 3.1 开发环境说明 首先说明下使用软件的版本,操作系统是基于macOS10.14.5,然后在macOS上安装了JDK11.03,如果想要了解macOS下JDK的安装,可以参考我的全栈之路-Java基础之macOS安装JDK,编辑器选用了微软公司开源的Visual Studio Code. 软件名称 软件版本 操作系统 macOS10.14.5 JDK JDK11.0.3 编辑器 Visu

Visual Studio Code常用设置

Visual Studio Code常用设置 • 自动保存设置 ? 文件(F) -> 首选项(P) -> 用户设置(U) ? 将"files.autoSave": "off"更改为"files.autoSave": "afterDelay",注意只能在"settings.json"中修改.