vscode 使用View In Browser插件预览运

作者: 梦昼初心 | 来源:发表于2020-05-26 09:53 被阅读0次

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

image.png

2.进入扩展搜索右拉框，在应用商店搜索框中输入“view”会自动进行搜索,找到view in browser,点击安装即可

image.png

3.安装成功图片如下

image.png

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

image.png

5.选中html文件点击右键，会出现View In Browser 选项,

image.png

6.点击View In Browser运行代码就能使用用浏览器预览文件了

image.png

vscode 使用View In Browser插件预览运
1.打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮； 2.进入扩展搜索右拉框，在应用商...
VS Code常用插件
基础必备插件 1、View In Browser 在浏览器里预览网页必备。 2、vscode-icons 改变编辑...
VSCode 基础必备插件
基础必备插件 1、View In Browser 在浏览器里预览网页必备。 2、vscode-icons 改变编辑...
VSCode 基础必备插件
基础必备插件 1、View In Browser 在浏览器里预览网页必备。 2、vscode-icons 改变编辑...
VSCode中代码在浏览器中打开及实时刷新
open in browser 在vscode扩展中搜索“view in browser”插件并点击安装，点击资源...
vscode常用插件
vscode常用插件 View In Browser ：浏览器打开 ctrl +f1 vscode-icons:...
VSCode使用Browser预览
首先放一个效果图 1、两个扩展 1.1 Live Server 1.2 Browser Preview 2、一...
2020-06-21
vscode怎么浏览器打开html预览？这里大家可以通过安装open in browser插件解决。 1.vsco...
2020-07-07 vscode常用插件及快捷键整理
vscode常用插件及快捷键整理常用插件：Chinese：中文语言包View In Browser：在浏览器里打开...
前端Vue基础
前言：VSCode使用插件：open in browser 右键选择浏览器直接打开页面。live server...