vscode服务器浏览器打开html_vscode实时预览HTML

vscode服务器浏览器打开html_vscode实时预览HTMLVscode默认是在控制台下查看html文件,对于我们查看和调试都很不方便,那如何在浏览器中打开呢?1.新建一个HTML文件2.点击左侧的扩展,打开扩展栏3.在扩展栏的搜索栏中输入openinbrowser,找到openinbrowser这款插件,点击右下角“安装”字样即可安装。因为我已经安装了,所以再搜索不会显示安装字样4.安装完成后可以看一下这款插件的扩展文档,里面有插…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

关注我的个人博客:pinbolei.cn,获取更多内容

Vscode默认是在控制台下查看html文件,对于我们查看和调试都很不方便,那如何在浏览器中打开呢?

1.新建一个HTML文件

图1

2.点击左侧的扩展,打开扩展栏

图2

3.在扩展栏的搜索栏中输入open in browser,找到open in browser这款插件,点击右下角“安装”字样即可安装。

因为我已经安装了,所以再搜索不会显示安装字样
图3

4.安装完成后可以看一下这款插件的扩展文档,里面有插件的各种信息,及插件的使用方式等

我们可以看到在默认浏览器中打开是:Alt + B,在其他浏览器中显示是:Shift+Alt+B
图4

5.回到我们刚开始建的HTML文件,在文件中鼠标右键单击,在弹出的窗口中选择使用默认浏览器打开或者其他浏览器打开,也可以使用我们上面说的快捷键(Alt + BShift+Alt+B)打开。

图5

6.假如你想用其他浏览器打开,就选择Open In Other Browsers(Shift+Alt+B,顶部会出现一个命令框,其中会显示可以使用的浏览器,选择自己需要的浏览器即可,在此,我们使用chrome打开。

图6-1

图6-2

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/171924.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • prophet Diagnostics诊断[通俗易懂]

    prophet Diagnostics诊断[通俗易懂]例子代码https://github.com/lilihongjava/prophet_demo/tree/master/diagnostics#encoding:utf-8importpandasaspdfromfbprophetimportProphetfromfbprophet.diagnosticsimportcross_validationfrom…

    2022年6月15日
    29
  • 评日报文章:关于华为裁员

    评日报文章:关于华为裁员今天看了一篇日报:CSDN日报20170304——《令人比较失落的IT圈子-关于华为裁员》看了前半部分,就没有往下看了。讲的有所道理,但是总觉得文字中似乎有种怨念,不够通透,明亮。就说一个我比较关心的观点吧:IT门槛低,不如物理,化学,生物制药这类学科。部分承认,但是综合考虑社会发展状况,这是很容易看明白的一个现象,文章前半部分都已经说了,和国家大力扩招,培养发展计算机产业是有很大关系的。社会发展到

    2022年7月18日
    33
  • android的layout_android:layout_weight

    android的layout_android:layout_weight一、前期基础知识储备首先看几个使用LayoutParams的实例:1、《Android开发艺术探索》第8章,Java代码中动态设置按钮时通过LayoutParams参数设置按钮位置x、y参数及Gravity位置信息,从而动态的添加进一个随手势移动的按钮,类似于悬浮窗效果。publicvoidonButtonClick(Viewview){if…

    2022年9月16日
    2
  • 李宏毅《机器学习 深度学习》简要笔记(一)

    李宏毅《机器学习 深度学习》简要笔记(一)线性回归,梯度下降,优化算法

    2022年8月3日
    8
  • 自己动手编写CSDN博客备份工具-blogspider源码下载(4) .

    自己动手编写CSDN博客备份工具-blogspider源码下载(4) .作者:gzshun.原创作品,转载请标明出处!来源:http://blog.csdn.net/gzshun本博文需要声明几点:1.blogspider_v1.0源码已经更新,文件名为”blogspider_v2.0.tar.bz2″,下载地址在下文。2.该备份工具用其他语言(比如Java,PHP)可能比较简单,但本人只会C/C++。3.blogspider_v1.0源码报

    2022年7月25日
    11
  • WPF随笔(十)–使用AvalonDock实现可停靠式布局「建议收藏」

    WPF随笔(十)–使用AvalonDock实现可停靠式布局「建议收藏」许多软件都使用了可停靠式布局,可以方便的打开、关闭、收起、展开、移动选项卡。今天就来说明如何使用AvalonDock实现这种可停靠式布局。…

    2022年7月20日
    17

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号