vscode如何用浏览器预览运行html文件

1,打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮；

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

3,等待几秒钟时间，扩展就会陆续出现，在view in browser 选项右下角会出现“安装”小按钮；

点击安装即可。安装完后会提示重新加载，点击重新加载即可

4,点击左侧第一个图标按钮，回到资源管理器界面，选择你想要查看的html文件；

5,右键点击html文件，会出现view in browser 选项；

6,点击view in browser 选项就能用浏览器预览文件了~。

转载于:https://www.cnblogs.com/lyyguniang/p/7778701.html

vscode如何用浏览器预览运行html文件相关推荐

vs如何预览html页面,vscode如何用浏览器预览运行html文件
1,打开vscode编辑器,点击编辑器主界面左上侧第五个小图标--'扩展'按钮: 2,进入扩展搜索右拉框,在应用商店搜索框中输入"view in browser"会自动进行搜索 3 ...
vscode浏览html,vscode如何用浏览器预览运行html文件
1,打开vscode编辑器,点击编辑器主界面左上侧第五个小图标--'扩展'按钮: 2,进入扩展搜索右拉框,在应用商店搜索框中输入"view in browser"会自动进行搜索 3 ...
VSCode用浏览器预览/运行html文件
打开vscode编辑器,点击编辑器主界面左上侧第五个小图标--'扩展'按钮(注意不是2019年版本的vscode可能不是第五个按钮,是第四个): 或者按住Ctrl+shift+X 进入扩展搜索框,在应 ...
vscode无法打开浏览器预览解决方案
问题描述安装浏览器预览扩展后,可能会提示: 未安装浏览器,若已安装浏览器,请在默认应用页面创建关联! 解决方法 (1)打开电脑设置 -> (2)应用 -> (3)默认应用 -> ( ...
VScode下载安装、设置主题、中文、浏览器预览
昨天开始学习VUE,第一次用Visual Studio Code,把软件的下载.安装.设置主题颜色.设置中文界面以及如何使网页用浏览器预览整理了一下. 一.VScode下载 1.百度搜VScode官网 ...
VSCode如何实现边写边改模式（使用浏览器预览）
VSCode如何实现边写边改模式(使用浏览器预览) 第一步:打开VSCode 第二步:打开文件 - 首选项 - 设置第三步:用户 - 扩展 - Live Server Config - Setti ...
直播视频跨浏览器预览方案（ffmpeg+VideoJS+H5）
直播视频跨浏览器预览方案(ffmpeg+VideoJS+H5)附源码 1.概述 2.前言 3.思路 4.详解 4.1.ffmpeg 4.1.1.配置方法 4.1.2.验证方法 4.1.3.启动方法 4 ...
玩转vscode支持PlantUML绘制预览流程图
软件设计中,有好几种图需要画,比如流程图.类图.组件图等,我知道大部分人画流程图一般都会用微软的viso绘制,我之前也是这个习惯. viso画图有个不好的地方是需要时刻去调整线条和边框已达到简洁美观, ...
sublime Text3 设置多个浏览器预览
使用sublime时由于经常要在ie chrome firefox等浏览器中预览,所以很有必要设置多个浏览器预览步骤: (1)安装SideBarEnhancements插件(用sublime的应该都 ...

vscode如何用浏览器预览运行html文件

vscode如何用浏览器预览运行html文件相关推荐

最新文章

热门文章