vscode 中如何快速运行.html文件

最新推荐文章于 2022-11-16 03:09:18 发布
最新推荐文章于 2022-11-16 03:09:18 发布
阅读量1.3w 收藏 9
点赞数 9
分类专栏： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hbwang_716/article/details/104860242
版权

1、启动服务运行html：http协议运行

（1） 安装插件 live Server

（2）运行地址效果

（3）鼠标右键：open width live Server

 

2、不启动服务运行html：file协议运行

如何在vscode中运行html代码：
点击vsCode软件左边的扩展功能键，点击open in browser的install按钮，之后鼠标右键就出现了open in default browser键，点击即可运行vscode中所写的html代码，F12看控制台打印信息。在这里插入图片描述

vues
关注
专栏目录
用vscode实现网页设计.rar
05-18
HTML文件通常以`.html`为扩展名，它定义了网页的各个元素，如标题、段落、链接等。在VSCode中，我们可以利用内置的HTML语言支持，包括语法高亮、自动完成和文档提示，来快速编写和编辑HTML代码。 接着是CSS...
vscode配置文件ubuntu.zip
02-22
- **排除文件**：配置文件排除列表，避免不必要的文件出现在工作区中。 6. **性能优化**： - **内存管理**：配置VSCode内存限制，以适应大型项目。 - **自动保存**：设置自动保存间隔，防止因未保存导致的数据...
如何在vscode里面快速运行html代码（包含如何在vscode里面编写html代码）
快乐学习
11-16 2万+
​前言： 1.如何在vscode编写html代码在我的另一篇文章当中有详细教程，这是超链接。 2.很多小伙伴编写了html代码后，在vscode里面右键找不到如何去运行代码，或者运行代码的方式很不方便。那么就要在vscode里面下载一个插件，这个插件运行html代码会非常的方便没有下载vscode插件之前，右键是没有这个open in Default Browser，就找不到怎么样运行vscode里面的html代码了。 三、额外知识（vscode选择html代码在哪个浏览器页面运行）
VSCode如何运行Html页面
cillent_boy的专栏
07-23 2万+
在VSCode中默认编写的HTML页面是不能运行的，下面小编给大家分享一下VSCode如何运行HTML页面。 工具/原料 VSCode版本：1.39.2 方法/步骤 首先打开VSCode软件，编写一个HTML页面，如下图所示 接着点击左侧的第五个图标，如下图所示 然后搜索open in browser，点击进入，如下图所示 接下来点击install按钮，如下图所示 然后在html页面右键单击，选择open in default
vscode如何运行html文件
冲出仁川，走出马德里，故事还会再继续
07-05 3877
文章目录步骤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
如何在Visual Studio Code中直接运行html代码
热门推荐
09-26 4万+
通过修改tasks.json文件在Visual Studio Code中直接运行html代码
使用http协议打开html文件显示echarts地图-vscode开发环境
qiuyushuofeng的专栏
07-15 654
使用http协议打开html文件显示echarts地图-vscode开发环境，黑马echarts教程
自己的vscode-settings.json配置详解
10-15
在本文中，我们将深入探讨如何配置Visual Studio Code (VSCode) 的`settings.json`文件，以便优化开发环境。`settings.json`是VSCode的核心配置文件，允许用户自定义编辑器的行为，以适应个人的工作风格和需求。以下...
vscode配置setting.json文件实现eslint自动格式代码
10-14
这段配置告诉 VSCode 在保存文件时自动运行 ESLint 的修复功能，同时确保 JavaScript、Vue 和 HTML 文件都受到 ESLint 的检查和修复。 三、新版配置（VSCode 新版本） 随着 VSCode 的更新，配置方式也有所改变。新...
VScode设置安装教程.7z
10-30
例如，在JSON文件中定义一段常用的HTML模板，然后通过快捷键或触发词快速插入。 6. **快捷键** - `vscode快捷键.pdf`和`VS Code常用快捷键总结.pdf`提供了VScode的快捷键列表。掌握快捷键能极大提高开发效率。例如...
【已解决】如何设置Vscode打开html文件使用http协议？而不是File协议？
qq_43586999的博客
05-08 2326
下面此种方式是我刚刚使用vscode的常用打开方式，但是在使用Axios的时候就会出现一些问题【问题如下】。好像是跨域的问题。 但是使用idea执行一样的代码，就可以得到结果。 仔细一看，是两者访问的方式不一样，一个是http协议，一个是以file协议打开的。 要想使Vscode通过服务器打开html文件，走http协议，需要： 1.下载Live Server 2.安装完成后鼠标右键html文件空白处，点击Open with Live Server 即可。 参考博客：[https://www.cnb
VsCode怎么运行html界面
weixin_51654839的博客
04-10 3万+
VsCode怎么运行html界面 1、安装插件open in browser的步骤 2、总结
HTML5 | 通过一个Web服务器去运行HTML文件
GC怪兽的Blog
02-16 4266
据上一篇文章之后，肯定有人问如何通过一个Web服务器去运行一个html文件. 有两种方法 1、用Ruby 安装好Ruby 执行命令: gem install asdf asdf --port 8080 打开http://localhost:8080/index.html成功!!! 2、用Python 注意： 你可能会使用：python -m SimpleHTTPServer 9999 ...
【vscode】vscode通过端口访问本地html页面（Live Server）
Meditation_Crazy
11-09 6864
前言 在看黑马视频的时候，看到讲课的老师有用vscode直接运行本地的html文件。 看着这个，相当于替代了之前一直使用的nginx，感觉挺好用的，所以就查了下，记录了下来。 转载自：https://www.cnblogs.com/luzhanshi/p/11994839.html 方式一 安装Live Server 安装后，直接在打开的页面 或者 右键html页面，选中Open with Live Server运行即可。 运行示例 方式二 使用命令的方式 首先，通过管理员方式打开cmd，然后运行：c
vscode如何打开html
LearnerzzZ的博客
04-09 4367
【步骤1】： 在vscode界面使用快键键：Ctrl+Shift+X 【步骤2】： 在搜索栏搜索 open in browser 单击“安装” 【步骤3】： 在html页面右击，选择“Open In Default Browser”即可
搭建一个http-server本地服务 搭建本地html页面的服务 启动本地html文件服务
u013361179的博客
09-26 3398
如果在一个html文件中调试h5微信登录之类的问题的话，此时需要将html以服务的名义启动起来，此时就需要用到http-server。2、进入需要启动的项目根目录（index.html所在的文件夹），按住shift,右击鼠标选择在此处打开Powershell。如果需要修改默认端口，比如修改默认的。1、安装http-server。 http-server server html server
vs CodeHTTP访问本地HTML文件
qq_44969215的博客
12-11 473
1、下载live-server: npm install -g live-server 2、运行live-server: live-server 3、报错信息： 解决方法： 管理员权限运行Power Shell，输入：set-ExecutionPolicy RemoteSigned，确定输入Y。 查看是否好了：set-ExecutionPolicy,显示RemoteSigned，就表示成功了。 ...
如何在vscode中运行html代码
programmer_trip的博客
10-13 2万+
如何在vscode中运行html代码： 点击vsCode软件左边的扩展功能键，点击open in browser的install按钮，之后鼠标右键就出现了open in default browser键，点击即可运行vscode中所写的html代码，F12看控制台打印信息。 ...
vscode常用插件 .vscode文件压缩包
最新发布
10-22
VSCode是一款功能强大的编辑器，它支持使用插件来扩展和定制功能。以下是一些常用的VSCode插件： 1. Prettier：这是一个代码格式化插件，可使您的代码整齐统一，提高可读性。 2. ESLint：这是一个JavaScript代码检查工具，它可以帮助您捕获潜在的错误和优化代码。 3. GitLens：这个插件为您的代码提供了Git集成，您可以轻松地查看代码的历史记录、作者信息和更多详细信息。 4. Code Runner：这个插件可以直接在VSCode中运行您的代码。它支持多种编程语言，为您提供了方便的代码运行环境。 5. Live Server：这个插件可以帮助您在本地创建一个简单的本地服务器，并自动刷新您的网页内容。这对于前端开发和调试非常有用。 6. Bracket Pair Colorizer：这个插件可以为您的代码中的括号添加不同的颜色，使您更容易地识别和匹配括号。 7. Path Intellisense：这个插件可以为您的代码中的文件路径和导入提供智能提示和自动补全。它可以大大提高您的开发效率。 8. Docker：这个插件可以与Docker集成，帮助您管理和操作容器和镜像。 9. IntelliSense for CSS class names：这个插件为您的HTML和CSS代码提供智能提示和自动补全。它可以更快地编写和编辑CSS类名。 10. Remote - SSH：这个插件可以帮助您通过SSH远程连接到其他机器，并在VSCode中进行编辑和调试。 以上是一些常用的VSCode插件，您可以根据自己的需求选择适合您的插件来提高开发效率和代码质量。 至于.vscode文件压缩包，它是包含了VSCode工作区配置的压缩文件。VSCode的工作区配置包括项目的设置、调试配置、启动任务和其他自定义配置。您可以将.vscode文件夹压缩成一个.zip或者.tar.gz文件，并与您的项目一起分享或备份。当您或其他人解压缩并在VSCode中打开这个压缩包时，VSCode会自动加载工作区配置，并应用于项目。这方便了项目的共享和团队协作，使得项目的配置能够一致和统一。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

vues

刚好遇见你

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值