在VScodes上开发html,并通过浏览器预览

本文介绍了如何在VSCode中通过安装插件实现HTML文件的浏览器预览。推荐了view-in-browser和view in browser两个插件,其中view-in-browser支持选择任意已安装的浏览器。安装插件后,新建HTML文件,输入内容,利用右键菜单选择预览方式,可以使用默认或自定义浏览器进行预览。默认浏览器设置可在VSCode的设置中修改。
摘要由CSDN通过智能技术生成

1.首先想要在VScode上通过浏览器预览html文件,是需要安装插件的。

2.两个插件可选:view-in-browser、view in browser

两个扩展的名字基本相同,功能也大概类似。只是view in browser只能使用默认浏览器预览文件,而view-in-browser不仅可以使用默认浏览器,也可以使用电脑上已经安装的其他浏览器。(这点在扩展介绍上有讲到)。

ps:我这里两个插件都安装了,其实装一个view-in-browser也可以了。

3.安装:点击vscode左侧的工具栏的第五个按钮‘扩展’,然后就可以搜索想要安装的插件,点击install即可,我这里是已安装了,所以不会再显示安装。

4.安装好之后,去写一个html测试一下。新建文件,保存为.html格式,在内容框中输入!,然后Tab键补全,会自动生成html模板。(在body里随便填点内容)

5.鼠标右击,可以看到如图两个选项,一个是使用默认浏览器预览,一个是选择其他浏览器预览。

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值