vscode怎样预览HTML文件

 

摘自:https://jingyan.baidu.com/article/b7001fe1a560c40e7282ddca.html

 

vscode怎样预览HTML文件

听语音

 

  • vscode怎样预览HTML文件1

  • vscode怎样预览HTML文件2

  • vscode怎样预览HTML文件3

  • vscode怎样预览HTML文件4

  • vscode怎样预览HTML文件5

  • vscode怎样预览HTML文件6

分步阅读

vscode不可以直接预览HTML文件,需要安装一个扩展工具才可以,今天小编我就来教教大家怎样在vscode中预览HTML文件

工具/原料

  • 电脑

  • vscode

方法/步骤

  1. 首先,在vscode项目中编写一个用于预览的HTML素材文件。vscode项目怎样创建可参考我的经验,下边的经验引用就是。

    7vscode怎样新建项目

    vscode怎样预览HTML文件

  2. 然后点扩展图标,开始调整到扩展界面。

    vscode怎样预览HTML文件

  3. 在扩展搜索栏里边搜索这个view in browser 工具,安装便可以了。

    vscode怎样预览HTML文件

  4. 如图所示,可以重启或者重新加载扩展工具,让界面进行刷新。

    vscode怎样预览HTML文件

  5. 这样,点击HTML的右键菜单就有在浏览器中预览的选项了哦。

    vscode怎样预览HTML文件

  6. 最后小编我再次强调如果HTML不是vscode项目里边的,那么就无法预览哟,这一点区别于其他的编辑器哦。

    vscode怎样预览HTML文件

    END

注意事项

  • 有用就分享,没用就投反对票。

  • 分享快乐,大家快乐。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值