如何在vscode里面快速运行html代码(包含如何在vscode里面编写html代码)

这篇具有很好参考价值的文章主要介绍了如何在vscode里面快速运行html代码(包含如何在vscode里面编写html代码)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言必读

读者手册(必读)_云边的快乐猫的博客-CSDN博客

前言:

1.如何在vscode编写html代码在我的另一篇文章当中有详细教程,这是超链接。 

2.很多小伙伴编写了html代码后,在vscode里面右键找不到如何去运行代码,或者运行代码的方式很不方便。那么就要在vscode里面下载一个插件,这个插件运行html代码会非常的方便

二、下载插件的步骤

没有下载vscode插件之前,右键是没有这个open in Default Browser

vscode怎么运行代码,前端知识,软件操作,vscode,html,前端,vscode运行,vscode选择浏览器运行1. 下载第一步,先在vscode里面点击这个

vscode怎么运行代码,前端知识,软件操作,vscode,html,前端,vscode运行,vscode选择浏览器运行

2.在搜索栏里面输入open in Default Browser

然后找到这个插件点击安装

注意:这个下载的插件是要联网才能下载的

vscode怎么运行代码,前端知识,软件操作,vscode,html,前端,vscode运行,vscode选择浏览器运行 3.下载完成后就关闭vscode,然后再重新打开。

然后鼠标点击右键就有了这个open in Default Browser选项了。

点击这个选项就可以运行html代码了 

vscode怎么运行代码,前端知识,软件操作,vscode,html,前端,vscode运行,vscode选择浏览器运行

 运行结果:

vscode怎么运行代码,前端知识,软件操作,vscode,html,前端,vscode运行,vscode选择浏览器运行

这样就完成了设置啦!!!

 三、额外知识(选择html代码在哪个浏览器页面运行)   

注意:这个知识额外知识点可看可不看 

 1.鼠标右键点击下面那个open in Other Browsers可以选择代码在哪个不同的浏览器里面打开

vscode怎么运行代码,前端知识,软件操作,vscode,html,前端,vscode运行,vscode选择浏览器运行

2.选择一个浏览器去加载html页面(我选择的是谷歌浏览器,根据自己的需要选择就好了)

vscode怎么运行代码,前端知识,软件操作,vscode,html,前端,vscode运行,vscode选择浏览器运行

如果你觉得本篇文章对你有所帮助的,给个一键三连吧!!!

点赞关注收藏,抱拳了!文章来源地址https://www.toymoban.com/news/detail-780137.html

到了这里,关于如何在vscode里面快速运行html代码(包含如何在vscode里面编写html代码)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode编写html程序

    首先安装open in browser插件 接着,回到项目,按住键盘alt + b 就可以运行项目 运行结果如图所示。 如果你看到这里,恭喜你,完成了用vscode书写第一个html文件! 如果文章对你有用的话,点个赞再走哟~

    2024年02月07日
    浏览(33)
  • 使用vscode编写、运行Python程序

    vscode是一个代码编辑器,支持win10、Ubuntu等多种主流操作系统。vscode中有很多实用的拓展工具,借助这些工具,可以很方便地完成代码编写、调试、运行、版本管理。 vscode的下载地址为:https://code.visualstudio.com/Download,界面如下: 在下载界面中, 根据你的操作系统,选择不同

    2024年02月04日
    浏览(45)
  • 如何在HTML里面使用session

    借助sessionStorage方法,话不多说直接上代码 引入自定义的js文件 存储需要的值 取值

    2024年02月12日
    浏览(32)
  • 3秒钟教你如何配置vscode中的vue3代码快速生成模版

    代码如下:  赶快去尝试吧!

    2024年02月09日
    浏览(59)
  • VSCode Python调试运行:json编写

    对于需要在命令行传参运行的项目,如果想要调试运行,则需要编写对应的launch.json文件这里记录一下json文件的编写格式: 这里主要区分在于记载模块化运行的情况,即使用 python -m module_name 运行的情况,需要填写“module”这一参数,而 不是在“args”中写“-m”

    2024年01月25日
    浏览(42)
  • 【JSDoc&vscode】使用JSDoc、在vscode中开启node调试、使用vscode编写运行Python程序

    JSDoc是JavaScript的一种注释语法,同时通过JSDoc注释也可以规避js弱类型中不进行代码提示的问题 图形展示JSDoc的效果:  上述没有进行JSDoc,然后我们a点什么 是没有任何提示的 上述就是加上 JSDoc的效果 常用的 vscode 其实内置了 jsDoc, 只需输入 /** 然后就会有提示,然后直接按

    2024年02月11日
    浏览(46)
  • ubuntu + VScode + C++ + openCV 运行调试launch.json和task.json编写

    近期在学习opencv的使用,在进行多文件编写时遇到了诸多问题,在查阅众多博客之后,问题一个一个解决了,用这篇文章记录下我的解决方法,希望可以为你提供一定的帮助。(新手拙见,欢迎批评指正)。 创建项目并编写代码。我的项目文件结构如下  在创建项目之后,点

    2024年02月14日
    浏览(33)
  • UE4/5如何快速找到蓝图在C++源码里面的位置

            很多时候,我们在ue中写c++代码的时候,总是找不到实现蓝图的代码,原因是我们不知道c++源码中,他们所在的是哪一个头文件。         而这一次作者就告诉大家,如何通过蓝图快速的找到这些源码的位置所在。         作者用的是VS2022,不过没有关系,因为

    2024年02月04日
    浏览(36)
  • vscode html使用less和快速获取标签less结构

    扩展插件里面搜索 css tree 插件 下载 使用方法 选择你要生成的标签结构然后按CTRL+shift+p 第一次需要在输入框输入 get  然后选择 Generate CSS tree  less结构就出现在这个里面直接复制到自己的less文件里面就可以使用了  在html里面使用less 下载 Easy LESS 插件 自己创建.less文件保存

    2024年02月10日
    浏览(33)
  • VSCode编写Unity脚本时无代码提示

    使用VSCode编写Unity脚本时,发现没有代码提示,我使用的版本是Unity2021。 1.检查一下如下配置:Edit-Preferences-External Tools,External Script Editor 选择 Visual Studio Code,并且勾选上 Embedded packages 与 Local packages 如图: 2.已安装.NET SDK 6.0.402,VSCode已安装C#插件   3.在Unity中双击打开C#脚本

    2023年04月21日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包