微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 开发工具 > VSCode > 正文

如何使用vscode打开浏览器查看html文件

王林
发布： 2019-12-12 17:00:50
原创
4675人浏览过

如何使用vscode打开浏览器查看html文件

首先界面按下ctrl+shift+p显示命令面板，输入ctr，选择【任务：配置任务运行程序】

747d281d08fcc870e41737b10097d58.png

然后选择【Others】，可以看到默认配置

df21faebfe604cb7f9fa576027601cb.png

最后修改如下(删除其中一行)：

一览AI绘图
一览AI绘图

一览AI绘图是一览科技推出的AIGC作图工具，用AI灵感助力，轻松创作高品质图片

一览AI绘图 45
查看详情 一览AI绘图

立即学习“前端免费学习笔记（深入）”；

{
    "version": "0.1.0",
    "command": "Chrome",
    "windows": {
        "command": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"
    },
    "isShellCommand": true,
    "args": ["${file}"],
    "showOutput": "never"
}
登录后复制

保存后打开html文件，按下Ctrl+Shift+B就能打开浏览器了。

相关文章教程推荐：vscode教程

以上就是如何使用vscode打开浏览器查看html文件的详细内容，更多请关注php中文网其它相关文章！

相关标签：
vscode 浏览器 html html vscode

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：如何使用vscode打开已有的vue项目 下一篇：vscode如何调试代码
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
vscode如何同步编辑器字体设置_vscode编辑器字体与字号同步方法 通过SettingsSync、手动导出settings.json或使用脚本可实现VSCode字体字号同步。1、登录GitHub启用SettingsSync同步配置；2、导出包含"editor.fontFamily"和"editor.fontSize"的settings.json并在其他设备导入；3、用脚本批量部署统一配置，确保多设备编辑体验一致。
2025-11-10 23:20:02
479
深入掌握VSCode Unity游戏开发调试技巧 配置VSCode调试环境需安装C#DevKit及DebuggerforUnity扩展，设置Unity外部编辑器为VSCode并生成launch.json与tasks.json文件，确保"program"指向Unity可执行文件，启用自动附加功能以实现运行时断点调试。
2025-11-10 23:18:03
160
在VSCode中配置Ruby开发环境与调试设置 安装Ruby扩展、配置解释器路径、安装solargraph与调试gem、设置launch.json后即可在VSCode中调试Ruby代码。
2025-11-10 22:51:36
455
vscode如何全局搜索打开的文件_vscode在已打开文件中全局搜索内容的方法 使用Ctrl+F在当前文件中搜索关键词并高亮显示；2.通过命令面板结合包含模式限制搜索范围以实现仅在已打开文件中查找；3.按Ctrl+Shift+F进行项目全局搜索，支持正则与全词匹配；4.用Ctrl+P快速打开文件后结合文件内搜索定位内容。
2025-11-10 22:34:02
743
vscode怎么全局搜索_vscode全局搜索文件内容与代码的详细操作方法 使用Ctrl+Shift+F打开全局搜索，输入关键词后可实时预览结果，通过文件筛选、排除规则和高级匹配模式精准定位内容，支持跨文件跳转与批量替换，大幅提升代码查找与修改效率。
2025-11-10 22:23:02
201
vscode怎么用git提交前检查_vscode提交前检查代码与文件改动的方法 通过配置GitHooks、VSCode扩展或Husky与Lint-Staged，可在提交前自动检查代码质量。首先可用.git/hooks/pre-commit脚本运行ESLint等工具进行校验；其次在VSCode中安装Prettier和ESLint扩展，并设置"editor.formatOnSave"与"source.fixAll.eslint"实现保存时自动修复；再者使用Husky结合lint-staged仅对暂存文件执行格式化和检查，提升效率；最后利用VSCode源代码管理界面查看文件差异，
2025-11-10 22:22:02
730
vscode插件怎么下载typescript_vscodeTypeScript开发插件下载与配置教程 首先安装官方TypeScript插件和ESLint，再配置settings.json启用自动导入与类型检查，最后通过创建.ts文件测试错误提示、类型显示和代码补全功能验证环境搭建成功。
2025-11-10 21:55:02
383
vscode插件怎么下载html_vscodeHTML开发辅助插件下载与使用指南 1、安装HTML插件可恢复VSCode智能提示功能。通过扩展面板搜索“HTMLSnippets”等关键词，选择高评分插件并安装；2、离线环境可访问VisualStudioCode官网下载对应.vsix文件，通过命令面板“InstallfromVSIX”手动安装；3、重启编辑器后打开HTML文件测试补全功能，必要时在设置中调整插件配置以启用完整支持。
2025-11-10 21:43:31
477
vscode插件怎么下载主题_vscode主题美化插件下载与更换方法 首先通过扩展商店或官网下载安装主题插件，然后在命令面板中选择“Preferences:ColorTheme”切换并应用主题，也可通过状态栏快捷切换，最后可导出settings.json文件备份主题配置。
2025-11-10 21:41:14
153
使用VSCode进行Python数据分析 配置好环境并安装Python、Pylance、Jupyter等插件后，VSCode可高效支持数据清洗、可视化与建模；通过JupyterNotebook单元格运行代码，结合变量查看器和断点调试，提升数据分析效率。
2025-11-10 21:37:02
514
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部