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

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

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

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


或者按住Ctrl+shift+X


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



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

关键词：
vscode浏览器
浏览器vscode
vscode文件
HTML vscode
HTML浏览器
你挚爱的强哥
目录
相关文章
nanshaws
|
4月前
|
C语言 C++
VScode怎么实现c的运行，这里只讲述一些细节
第一步要设置信任模式，否则你后面搞什么都没有用
nanshaws
59 1
游客qeoynko2nmbgk
|
5月前
|
SQL 安全 数据库
用html+javascript打造公文一键排版系统2：显示源码/显示预览、清除格式
用html+javascript打造公文一键排版系统2：显示源码/显示预览、清除格式
游客qeoynko2nmbgk
49 0
路边两盏灯
|
6月前
|
JavaScript 前端开发 C++
【Azure Function】调试 VS Code Javascript Function本地不能运行，报错 Value cannot be null. (Parameter 'provider')问题
【Azure Function】调试 VS Code Javascript Function本地不能运行，报错 Value cannot be null. (Parameter 'provider')问题
路边两盏灯
51 0
路边两盏灯
|
6月前
|
存储 Java 开发工具
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件，下载及清理)
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件，下载及清理)
路边两盏灯
93 0
路边两盏灯
|
6月前
|
机器学习/深度学习 存储 Linux
【机器学习 Azure Machine Learning】使用VS Code登录到Linux VM上 (Remote-SSH), 及可直接通过VS Code编辑VM中的文件
【机器学习 Azure Machine Learning】使用VS Code登录到Linux VM上 (Remote-SSH), 及可直接通过VS Code编辑VM中的文件
路边两盏灯
83 4
热爱技术的小郑
|
6月前
|
开发工具
如何修改Vscode查看源代码管理版本变动文件的查看方式
这篇文章介绍了如何在VSCode中通过源代码管理插件修改查看源代码版本变动文件的方式，提供了树形视图和列表视图两种查看方法，并说明了如何通过设置选项来切换查看方式，帮助用户根据自己的喜好更高效地查看和管理代码变动。
热爱技术的小郑
359 0
如何修改Vscode查看源代码管理版本变动文件的查看方式
VipSoft
|
6月前
|
XML 缓存 JSON
为什么浏览器中有些图片、PDF等文件点击后有些是预览，有些是下载
为什么浏览器中有些图片、PDF等文件点击后有些是预览，有些是下载
VipSoft
343 0
。思索
|
6月前
|
C语言 C++
vscode——如何在vscode中运行C/C++
vscode——如何在vscode中运行C/C++
。思索
81 1
。思索
|
6月前
|
Windows
Windows——如何在文件资源管理器地址栏快速打开Vscode
Windows——如何在文件资源管理器地址栏快速打开Vscode
。思索
139 4
爱你三千遍斯塔克
|
7月前
|
JavaScript
js中readAsDataURL的意思，可以用于浏览器预览图像文件或者转成base64字符串
js中readAsDataURL的意思，可以用于浏览器预览图像文件或者转成base64字符串
爱你三千遍斯塔克
70 0
js中readAsDataURL的意思，可以用于浏览器预览图像文件或者转成base64字符串

热门文章

最新文章

  • 1
    AI编程：Coze + Cursor实现一个思维导图的浏览器插件
  • 2
    指纹浏览器中HTTP代理IP的重要性及使用原因
  • 3
    浏览器节能机制导致Websocket断连的坑
  • 4
    使用 User-Agent 模拟浏览器行为的技巧
  • 5
    浏览器的缓存方式几种
  • 6
    深度解析：使用ChromeDriver和webdriver_manager实现无头浏览器爬虫
  • 7
    超好看的404提示页面HTML源码
  • 8
    可爱狗狗的404动画HTML源码
  • 9
    css3 svg制作404页面动画效果HTML源码
  • 10
    （html在线预览cad图纸插件）网页CAD绘制条形码、二维码的教程
  • 1
    Cline：29.7K Star！一文详解VSCode最强开源AI编程搭子：一键生成代码+自动跑终端+操控浏览器...
    63
  • 2
    vscode+git解决远程分支合并冲突
    125
  • 3
    【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码：完全免费+实战教程+微信贪吃蛇小程序
    154
  • 4
    告别熬夜写代码！VSCode+Cline扩展插件+DeepSeek-V3大模型，让你的编程水平瞬间超越99.9%的人!
    362
  • 5
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk，打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
    73
  • 6
    python安装、vscode安装、conda安装：一文搞定Python的开发环境（史上最全）
    169
  • 7
    抛弃node和vscode，如何用记事本开发出一个完整的vue前端项目
    55
  • 8
    【HTML】——VSCode 基本使用入门和常见操作
    39
  • 9
    Marp 教程：如何在 VSCode 中引入自定义样式和主题
    141
  • 10
    Marp 教程：使用 VSCode 编写专业 PPT
    116

    • 相关课程

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

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
  • HTML及前端框架
    • 下一篇
    阿里云oss简介和如何对接使用