直接放入HTML文件，没有服务器，可以用vscode Live Server插件

最新推荐文章于 2023-08-22 22:15:00 发布
最新推荐文章于 2023-08-22 22:15:00 发布
阅读量374 收藏
点赞数
分类专栏： 前端知识 文章标签： html 服务器 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XKX13419613290/article/details/122978452
版权
在Visual Studio Code (VScode) 中，通过右键选择'Open with Live Server'可以便捷地以127.0.0.1:5500端口预览并运行你的项目文件，实现快速本地开发环境的搭建和测试。
摘要由CSDN通过智能技术生成

在VScode中输入一下文字：

然后在项目文件中右键 点击open with live servlet 

就会打开一个127.0.0.1:5500端口运行你的项目文件了

 

 

XKX1314520
关注
专栏目录
VSCode中开发JavaWeb项目（Maven+Tomcat+热部署）
m0_67403013的博客
09-08 2826
深知大多数初中级Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《Java开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
初识HTML
qq_57126801的博客
07-15 765
HTML是HyperTextMarkupLanguage(超文本标记语言)的缩写（超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素），html不是一种编程语言，而是一种，用于告诉浏览器如何去构造网页。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如文字如何处理，画面如何安排，图片如何显示等）。可以使用.html与.htm作为HTML文件的后缀名（扩展名）........
vscode如何直接运行html
chenyu-max
07-20 1250
打开如下界面，输入open in browser 安装第一个 2.回到代码界面，点击鼠标右键 操作成功
vs当中怎样编译链接html,vscode编译运行html文件的方法
weixin_39524439的博客
06-10 1040
vscode编译运行html文件的方法发布时间：2020-12-17 11:44:40来源：亿速云阅读：100作者：小新这篇文章主要介绍vscode编译运行html文件的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！首先打开我们的VS Code软件，然后新建一个HTML文件，注意，在VS Code软件里面新建一个文件，它的后缀名也必须写上这时候我们写好HTML内容之后，...
如何在VSCode中将html文件打开到浏览器
最新发布
分享式获得也是一种学习的态度
08-22 1万+
近期在学习前端内容，遇到了这个问题，来总结记录并分享一下。html文件一般可右击选择打开方式，通过浏览器打开我平时用idea也可以直接在右上角点击浏览器按钮打开（这也是我想用idea来写html的原因）但大家都在用VSCode，所以肯定有它的强大之处，不然也不会这么受欢迎。在vscode中，想要将html文件打开到浏览器有两种方式，一个是debug模式一个是下载插件。接下来就看以下这两种方式。
vscode 运行Java时出现：“找不到或无法加载主类”错误
I_am_shy的博客
10-15 1万+
vscode 运行Java时出现：“找不到或无法加载主类”错误（文件夹的路径问题）
html 存储文件,html5离线存储
weixin_34170139的博客
06-22 253
HTML5 离线功能介绍HTML5 是目前正在讨论的新一代HTML 标准，它代表了现在Web 领域的最新发展方向。在HTML5 标准中，加入了新的多样的内容描述标签，直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的Web 应用程序时，开发者通常需要使用以下三个方面的功能：1. 离线资源缓存：需要一种方式来指明应用程序...
VSCode设置网页代码实时预览的实现
10-15
需要注意的是，单独创建的HTML文件无法被LiveServer插件利用，必须将其放入工作区（文件夹）中。 4. 工作区创建完成并选择一个HTML文件后，状态栏上会显示“GoLive”按钮。点击这个按钮可以自动打开浏览器并开始...
尚硅谷web前端HTML5+CSS3笔记
qq_52380174的博客
12-19 4533
HTML/CSS笔记#自用#尚硅谷#李立超
从购买服务器到搭建WordPress博客详细教程
Lightspace260的博客
07-15 650
wordpress博客搭建
VScode无法连接服务器问题以及解决方案
fromoutsidethespace的博客
12-01 1万+
试用ssh插件连接服务器，起初报错：could not establish connection to “XXX” 解决方法如下图： 把config文件的路径写入设置，一般路径都在图片路径下，也就是 C:\Users\用户名\.ssh\config 重启vscode 此时报错：Got bad result from install script. 查看下方日志，发现有文件被拒绝访问，此时关闭VScode，重新以管理员身份运行，问题解决。 ...
关于VScode打开HTML相关问题
weixin_46863042的博客
02-20 2739
故事的起因 今天重新捡起HTML，当然是用起了最方便的VScode这个神器。不过在新建一个HTML文件温习的时候，发现不能用Live Server打开HTML文件。 我以为是长时间不用它，就像螺丝会生锈，小孩子耍脾气一样，我也想换了一种途径。在搜工具的时候意外发现下面这个工具（open in browser）特别好用，能直接打开我的HTML文件。 最后呢，不仅发现了这个工具，也找到了live server无法使用的原因。 总结 1. live server 只能给资源管理器中文件夹或.
【vscode】vscode通过端口访问本地html页面（Live Server）
Meditation_Crazy
11-09 7061
前言 在看黑马视频的时候，看到讲课的老师有用vscode直接运行本地的html文件。 看着这个，相当于替代了之前一直使用的nginx，感觉挺好用的，所以就查了下，记录了下来。 转载自：https://www.cnblogs.com/luzhanshi/p/11994839.html 方式一 安装Live Server 安装后，直接在打开的页面 或者 右键html页面，选中Open with Live Server运行即可。 运行示例 方式二 使用命令的方式 首先，通过管理员方式打开cmd，然后运行：c
vs-code点击open with live server 浏览器没有反应
热门推荐
weixin_44135724的博客
12-19 1万+
html 本地存储操作,HTML-HTTP 本地存储
weixin_34503235的博客
06-10 775
本地存储什么是 HTML 本地存储？通过本地存储(Local Storage)，web 应用程序能够在用户浏览器中对数据进行本地的存储。在 HTML5 之前，应用程序数据只能存储在 cookie 中，包括每个服务器请求。本地存储则更安全，并且可在不影响网站性能的前提下将大量数据存储于本地。 与 cookie 不同，存储限制要大得多(至少5MB)，并且信息不会被传输到服务器。本地存储经由起源地(or...
vscode用open with live server找不到html文件
W666097的博客
03-22 2846
问题 Live Server是vs code中很好用的一款插件，但是可能当你下载好插件之后运行你写的html文档时（用open with Live Server这种方式），会弹出来一个错误提示框，提示Windows找不到xxx127.0.0.1html文件，我也是翻了很多篇文章，然而没能解决问题。最后也是自己琢磨出了方法，下面来分享一下我的解决方案。 解决方案 1.点击左下角的设置图标 2.找到“设置”，单击 3.在搜索框里面输入Live Server，注意右侧区域的变化，此时右侧会有选项供你勾选。
在服务器下运行和直接打开html文件有什么区别
liulang68的博客
09-18 1676
访问服务器上的baihtml文件是以http的协议方式去打开，du有网络交互zhi。 直接打开html文件是以file协议的方式去打开，没有dao网络交互。 浏览器对两种协议的处理有时会不同，譬如某些网页中直接调用file协议来打开图片，这样的功能会被浏览器的安全设置阻挡。因为默认上，html是运行于客户端的超文本语言，从安全性上来讲，服务端不能对客户端进行本地操作。即使有一些象cookie这类的本地操作，也是需要进行安全级别设置的。 ...
VSCode中利用Live Server让HTML等文件在服务器上运行
你，若盛开的专栏
05-16 3304
1、安装Live Server 2.配置服务器信息 参考配置代码： "liveServer.settings.port": 5000,//设置端口（不要与其他程序端口重复） "liveServer.settings.AdvanceCustomBrowserCmdLine": "Chrome"//设置浏览器 3、html文档中鼠标右键，在服务端查看文件查看该文件 显示结果： ...
VSCode前端文件（html文件）如何以服务器模式打开？
weixin_33923762的博客
04-18 7983
方法1： VSCode前端文件（html文件）如何以服务器模式打开？比如工程下有一个A.html文件，想在VSCode里面直接操作，就想Webstorm一样，以http://localhost/xxx/xx/xx/A.html这样的形式在浏览器中访问。发现只有一个View In Browser插件，但是并不是这样的形式，求大神解答？ npm install http-server -...
vscode liveserver插件
06-02
VSCode Live Server插件是一款非常实用的插件，它可以帮助开发者在本地快速启动一个服务器，实时预览网页。使用该插件可以省去手动刷新浏览器的麻烦，提高开发效率。此外，该插件还支持自动保存文件并刷新页面，方便...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值