AI 助理
备案控制台
开发者社区 云计算 文章 正文

VSCode用浏览器预览/运行html文件

2023-08-01 1484
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： VSCode用浏览器预览/运行html文件

打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮（注意不是2019年版本的vscode可能不是第五个按钮，是第四个）；


或者按住Ctrl+shift+X


进入扩展搜索框，在应用商店搜索框中输入“view in browser”会自动进行搜索



右击任意html→点击“View In Browser”或者按住Ctrl+F1即可在浏览器中打开html了！

关键词：
vscode文件
浏览器运行
vscode浏览器
浏览器vscode
HTML vscode
你挚爱的强哥
目录
相关文章
蚝油菜花
|
9月前
|
人工智能 自然语言处理 API
Cline：29.7K Star！一文详解VSCode最强开源AI编程搭子：一键生成代码+自动跑终端+操控浏览器...
Cline 是一款集成于 VSCode 的 AI 编程助手，支持多语言模型，实时检查语法错误，帮助开发者提高编程效率。通过智能化手段，Cline 可以生成代码、执行终端命令、调试 Web 应用，并扩展更多功能。
蚝油菜花
3338 73
VipSoft
|
XML 缓存 JSON
为什么浏览器中有些图片、PDF等文件点击后有些是预览，有些是下载
为什么浏览器中有些图片、PDF等文件点击后有些是预览，有些是下载
VipSoft
619 0
NorthS
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`<head>`标签中，通过添加不同的`<meta>`标签可指定浏览器默认使用的内核。使用`<meta name="renderer" content="webkit">
NorthS
246 1
opencv学堂
|
Web App开发 移动开发 Java
基于tomcat运行HTML5 WebSocket echo例子
基于tomcat运行HTML5 WebSocket echo例子
opencv学堂
183 2
张飞的猪
|
11月前
|
Linux Go iOS开发
怎么禁用 vscode 中点击 go 包名时自动打开浏览器跳转到 pkg.go.dev
本文介绍了如何在 VSCode 中禁用点击 Go 包名时自动打开浏览器跳转到 pkg.go.dev 的功能。通过将 gopls 的 `ui.navigation.importShortcut` 设置为 "Definition"，可以实现仅跳转到定义处而不打开链接。具体操作步骤包括：打开设置、搜索 gopls、编辑 settings.json 文件并保存更改，最后重启 VSCode 使设置生效。
张飞的猪
443 8
怎么禁用 vscode 中点击 go 包名时自动打开浏览器跳转到 pkg.go.dev
小王老师呀
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案，以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
小王老师呀
3599 2
热爱技术的小郑
|
前端开发
HTML网页作业代码（仿写商城首页、学校官网网页等、源码可直接运行）
这篇文章提供了HTML网页作业的完整代码，包括仿写商城首页和学校官网网页的源码，以及如何运行和项目结构等详细信息。
热爱技术的小郑
526 1
HTML网页作业代码（仿写商城首页、学校官网网页等、源码可直接运行）
刘大猫.
|
JSON 前端开发 JavaScript
java中post请求调用下载文件接口浏览器未弹窗而是返回一堆json，为啥
客户端调接口需要返回另存为弹窗，下载文件，但是遇到的问题是接口调用成功且不报错，浏览器F12查看居然返回一堆json，而没有另存为弹窗； > 正确的效果应该是：接口调用成功且浏览器F12不返回任何json，而是弹窗另存为窗口，直接保存文件即可。
刘大猫.
485 2
路边两盏灯
|
Web App开发 JSON 数据格式
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
路边两盏灯
119 0
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
游客qeoynko2nmbgk
|
SQL 安全 数据库
用html+javascript打造公文一键排版系统2：显示源码/显示预览、清除格式
用html+javascript打造公文一键排版系统2：显示源码/显示预览、清除格式
游客qeoynko2nmbgk
148 0

热门文章

最新文章

  • 1
    PHP 程序员如何为 AI 浏览器（如 ChatGPT Atlas）优化网站
  • 2
    Playwright MCP浏览器自动化全攻略
  • 3
    Playwright MCP 浏览器自动化框架全面解析
  • 4
    入门指南：使用 Playwright MCP Server 为你的 AI Agent 赋予浏览器自动化能力
  • 5
    Apple Safari 26.0.1 发布 - macOS 专属浏览器 (独立安装包下载)
  • 6
    MontageJS：构建现代 Web App 的 HTML5 框架
  • 7
    【专栏：HTML与CSS实战项目篇】打造一个动态新闻网站
  • 8
    Html5 跨域通信
  • 9
    html5 touch事件实现触屏页面上下滑动(一)
  • 10
    让 ie6 支持html5
  • 1
    【Function App】本地通过VS Code调试Function时候遇见无法加载文件错误Microsoft.Extensions.Diagnostics.Abstractions
    246
  • 2
    在VScode环境下配置Python环境的方法
    666
  • 3
    DeepSeek 满血版在 VScode 和 IDEA 中怎么用？手把手教程来了
    1353
  • 4
    甚至用不了五分钟就能学会vscode插件开发
    1077
  • 5
    【Azure Developer】VS Code上登录China Azure遇见错误：CAA20002
    226
  • 6
    vscode推送项目到github仓库故障解决1
    453
  • 7
    vscode代码推送到github库菜鸡专用教程
    1485
  • 8
    利用通义灵码AI在VS Code中快速开发扫雷游戏：Qwen2.5-Max模型的应用实例
    22579
  • 9
    AI程序员：通义灵码 2.0应用VScode前端开发深度体验
    1405
  • 10
    通义灵码插件在VSCode中的运用
    1297

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 基于浏览器的实时构建探索之路
  • 天猫HTML5互动技术实践
  • 基于浏览器的实时构建探索之路--玄寂
    • 下一篇
    oss云网关配置