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

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

cf3effb34ee0c23270e4d84fe0311509.png

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

5ac88552476a5ca29715530aca299901.png

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

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

0777838a6b88f4a20b1b2e954cee7df9.png

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

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

9738e56e58f96ce1830960b1a4623f99.png

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

59666ea75995e06e9197131b61a83998.png

在sublime text 3中设置浏览器预览快捷键

1.安装 SideBarEnhancements ctrl+shift+p,进入命令模式,然后输入package control(或者直接输 pci 或许也行),回车: 输入:SideBarEnhan ...

Window 7 平台的IE11浏览器预览版发布

继之前Windows 8.1 带来了IE11浏览器之后,今天Window 7 以及Windows Server 2008 R2平台的IE11浏览器预览版也已经发布. 当然这还只是一个开发者预览版,可能 ...

sublime3下载安装及常用插件、浏览器预览设置

之前与学习前端有关的软件都安装在了实验室电脑上,最近由于要放寒假(也许我寒假回去会学习呢),于是得在笔记本电脑上重新安装一遍.几个软件各种出错,花了一下午才安装好,必须记录下来啊! 这篇文章主要介绍s ...

mac如何用quick look预览多个文件或者图片

1.先选中要查看的多个文件,然后点击 空格键 2.按住 command+return 就可以同时预览多个文件了 如果想全屏预览,则在1中,按住 option+空格键 ,然后再进行2 ,就实现全屏预览了 ...

Asp.net实现直接在浏览器预览Word、Excel、PDF、Txt文件(附源码)

功能说明 输入文件路径,在浏览器输出文件预览信息,经测试极速(Chrome).IE9.Firefox通过 分类文件及代码说明  DemoFiles 存放可测试文件 Default.aspx  启动页 ...

sublime-text3设置浏览器预览html

选择:Tools - Build System - New Build Syatem... 或者:工具 - 编译系统 - 新编译系统 然后粘贴代码 { "cmd": [" ...

在sublime-text中设置浏览器预览

配置在Chrome,Firefox中打开 安装 SideBarEnhancements 然后通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的文件中右击,找到 open width -&g ...

Sublime Text 3 配置浏览器预览路径 localhost

原文链接:http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html 按步骤设置成功!感谢大侠! 以下是原文: Sublime Tex ...

sublime实现markdown浏览器预览

效果预览 实现 首先下载插件OmniMarkupPreviewer 方法:ctrl + shift + P 安装完成后搜索'OmniMarkupPreviewer'双击即可 下载完成后新建.md文件 ...

随机推荐

使用::before和::after来完成尖角效果

一.目标 目标完成下图效果: 二.完成 1.分析 在::before和::after伪元素的用法一文中有说到使用::befrore和::after可以完成一个六边形.这个案例是用一个#star-six ...

thread_ThreadPoolExecutor

目录 1.基础知识 2.简单应用 3.异常机制 4.丰富的扩展 一.基础知识 构造函数. public ThreadPoolExecutor( int corePoolSize, 指的是保留的线程池大 ...

部分手机不能连PC adb

http://www.th7.cn/Program/java/201407/232139.shtml 1. 命令行中执行 android update adb [这一步的目的是产生下面第二步的路径和文 ...

System.getProperty()参数

java.version Java 运行时环境版本 java.vendor Java 运行时环境供应商 java.vendor.url Java 供应商的 URL java.home Java 安装目 ...

jenkins使用1----初始化设置

####一.基本设置 1.首先找到系统管理 2.再找到全局配置一把黄色的锁头 3.新增JDK.Maven等 别名随便 下面的值添加jdk在jenkins这台机器上的位置,如果没找到可以点击自动安装,并 ...

mvc学习过程碰到问题

Fluent API配置 单例模式+Autofac 批量注入

《Linux内核分析》第三周

[李行之原创作品 转载请注明出处 MOOC课程http://mooc.study.163.com/course/USTC-1000029000]

IIS应用程序池相关问题及连接池已满的解决方法

关于应用程序池 在 IIS 6.0 中,引入了应用程序池,应用程序池是将一个或多个应用程序链接到一个或多个工作进程集合的配置.因为应用程序池中的应用程序与其他应用程序被工作进程边界分隔 ...

Is your JDeveloper Slow? - It shouldn't be!(转)

我的Jdeveloper随便点一个AM,code的显示速度和手指的反应速度跟不上,真的是着急,忍了好久,找到以下教程. 经过考虑,仅仅只是在jdev.conf(jdevbin/jdev/bin/jde ...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值