VSCode中运行html文件

最新推荐文章于 2024-04-23 01:18:40 发布
最新推荐文章于 2024-04-23 01:18:40 发布
阅读量938 收藏 1
点赞数
分类专栏： Svn
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42263618/article/details/106752043
版权

在VScode中运行html文件分为两种形式，一种是浏览器访问html文件的形式，一种是运用服务器模式打卡。我简单介绍一下两种打开方式在vscode中的使用的方式；

浏览器直接打开方式

在这里插入图片描述
找到该插件之后插入该插件，然后就在HTML文件的鼠标的右击事件中多出来两个选项。第一个是在默认浏览器中打开，一个是在其他浏览器中打开。
在这里插入图片描述打开后浏览器中的地址如下所示：
在这里插入图片描述

服务器模式打开

如图所示，不再过多赘述；
在这里插入图片描述html文件中的鼠标右击事件中多出了open with live server选项
在这里插入图片描述

锋璠
关注
专栏目录
vscode调试html文件,vscode调试html文件
weixin_39841136的博客
06-04 1619
1. vscode调试html文件主要说明使用使用Debugger for Chrome插件如何配置，以及Nodejs的方式调试.本文的配置方式是基于deepin系统的，适用于所有debian系的Linux系统1.1. 使用Debugger for Chrome进行调试首先下载对应的插件Ctrl+Shift+x打开插件商店，搜索chrome即可看到该插件，点击安装->重新加载即可该插件的配置...
vscode新建html运行js,用Visual Studio Code创建JavaScript运行环境
weixin_29007243的博客
06-03 2984
什么是VSCodeVisual Studio Code (简称 VS Code / VSC) 是一款于2015年由微软免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。一般我们开发web应用都推荐WebStrom,但是目前自己正处于学习阶段觉得...
visual studio code 编译运行html css js文件的教程
08-19
主要介绍了visual studio code 如何编译运行html css js文件,本文通过图文实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vscode如何运行html文件
冲出仁川，走出马德里，故事还会再继续
07-05 3880
文章目录步骤1、打开vscode软件，编写一个html页面，如下：2、点击扩展图标3、搜索`open in browser`,点击安装4、在需要运行的html页面右键，选择`open in default browser` 步骤 1、打开vscode软件，编写一个html页面，如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi
如何在vscode运行html文件
weixin_44851773的博客
07-21 1101
如何在vscode运行html文件 在vscode里面安装一个扩展叫做open in browser后在你写的代码里面右键点击open in default browser(快捷键：alt+b) 如下图： 然后就可以实现在vscode运行你的html文件啦~ 网页就会显示在你的默认浏览器上~ 喜欢的点个赞吧~ ...
在 VSCode 中运行 C#
明明明的博客
04-23 5693
在 VSCode 中运行 C#
vscode运行c语言
weixin_45218239的博客
05-23 1万+
一、安装cpptools工具：c/c++ 二、下载安装MinGW 教程转载自：http://c.biancheng.net/view/8077.html 三、vscode配置 1、按Ctrl+Shift+P弹出搜索框，选择C/C++：编辑配置(UI) 这一项 打开如下界面： 按如下方式选择： 2、建立一个空文件夹 比如我这里在H盘下建立一个c文件夹 3、打开vscode，打开刚刚建立的c文件夹，在c文件夹下建立cpp文件(一定要现建立cpp文件，否则后面会有错) 比如： 4、在c文件夹下建立.
vscode如何运行html文件（vscode open in browers插件安装）
weixin_43316655的博客
04-22 1万+
open in browers插件安装 react小白今天在学习react时遇到老师在使用vscode编辑器，发现它不仅小巧方便，而且很beautiful。于是动手下载了一个vscode 有没有很清新，反正我觉得是 回归正题 vscode要运行html文件需要下载插件，可以选择open in browers，也可以选择view in browers，这里给出的是第一种 首先点击左侧正方形，输入o...
vscode 快捷键 运行 html（打开 html 的正确姿势）
爪白白的个人博客
07-16 2万+
下载插件 open in browser 在写好的html页面 右键 选择默认浏览器 或者 其他浏览器 点击即可运行 快捷键 默认浏览器 Alt+B 其他浏览器 Shift+Alt+B PS：如果有帮助，记得点赞哦！ ...
用VSCode运行调试html
晨之清风
09-25 3997
用VSCode运行调试html
如何在vscode中运行html代码
热门推荐
programmer_trip的博客
10-13 2万+
如何在vscode中运行html代码： 点击vsCode软件左边的扩展功能键，点击open in browser的install按钮，之后鼠标右键就出现了open in default browser键，点击即可运行vscode中所写的html代码，F12看控制台打印信息。 ...
vscode的下载以及怎么运行HTML文件
weixin_45934659的博客
05-26 913
由于现在很多人都在用vscode编辑器，所以今天就讲一下vscode vscode安装网址：https://code.visualstudio.com/ 进入到页面后，在右上角点击这个按钮： 选择自己的电脑操作系统： 点击后，编辑器就会开始下载。 下载成功后，双击下载的安装包，一直下一步就好。 此时刚刚下载好的vscode在html文件中点击右键，是不能open in browser的，所以我们要安装一个插件： 点击这个按钮，在搜索栏搜索：open in browser。 搜索之后，点击安装按钮即可
VsCode怎么运行html界面
Ice Point.
12-10 6422
一般我们安装完VsCode需要安装很多插件。 若是想在vscode运行我们编好的代码在各浏览器进行运行 那么我们可以安装两个插件： ①：open in browers 使用它的方式有alt+b运行； 或者切换alt+shift+b切换不同浏览器运行； 并且可以运行多个界面 ②view in browers 可以在自己想打开的htm目录中右键，出现view in browser即可运行打开； ...
vscode 如何实时显示html文件？
Dontla的博客
03-13 7121
VSCode 实时预览 HTML 页面 注意：html文件名或者路径好像不能有中文，否则显示不出来？
vscode如何用浏览器预览运行html文件
weixin_30416871的博客
11-03 421
1,打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮； 2,进入扩展搜索右拉框，在应用商店搜索框中输入“view in browser”会自动进行搜索 3,等待几秒钟时间，扩展就会陆续出现，在view in browser 选项右下角会出现“安装”小按钮； 点击安装即可。安装完后会提示重新加载，点击重新加载即可 4,点击左侧第一个图标按钮，回...
VS Code ：下载、安装、常用插件、工作空间概念、运行html
aa35434的博客
06-26 3016
Visual Studio Code（简称 VS Code ）是 Microsoft 于2015年4月发布的一款代码编辑器。VS Code 对前端代码有非常强大的支持，同时也其他编程语言（例如：C++、Java、Python、PHP、Go等）。VS Code 提供了非常强大的插件库，大大提高了开发效率。作为一名软件开发工程师，建议以后安装所有与开发相关的软件，尽量安装在一个没有中文，不带空格的目录下。
vscode运行html代码配置
DianaGreen7的博客
05-23 2万+
以下是如何使用vscode来运行html代码的配置： 首先下载一个插件：View In Browser 然后进到用户设置，加上这条代码：“view-in-browser.customBrowser”: “chrome”，如图 然后你就可以用 Ctrl + F1 运行你的HTML代码了。...
VScode安装运行html
最新发布
09-12
要使用VSCode安装并运行HTML文件，请按照以下步骤操作： 1. **安装VSCode**：首先确保你已经下载并安装了VSCode。可以从官网获取安装程序，并按照指引完成安装过程。 2. **安装必要的扩展**：虽然VSCode默认支持...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值