live server

最新推荐文章于 2024-08-11 17:09:41 发布
最新推荐文章于 2024-08-11 17:09:41 发布
阅读量717 收藏 2
点赞数 1
文章标签： vscode 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49612126/article/details/122534466
版权

 看的视频里，别人用的live server插件是这个效果（想要实现这个效果的小伙伴，如果live server安装成功，直接将浏览器和vscode界面同时调小一点，拼接起来就可以。贼简单，自己还踩了这个坑，看了其他人的文章，???这个效果图他们都没有。）

 我打开的界面时这样的（你一点击vscode，浏览器就最小化了，还是没法实时显示）

我以为live server插件打开的浏览器是嵌套在vscode里的

因为点击open with live server时，总是弹出另外一个浏览器的显示结果，（其实是自己同时打开两个界面，将浏览器界面调小，vscode界面调小。

如果你要更该默认浏览器，比如火狐浏览器为如下效果。

 大概就是这样

 

 

猪儿君
关注
ritwickdey.LiveServer-5.7.5.vsix
06-16
ritwickdey.LiveServer-5.7.5.vsix
Vue.js快速入门番外篇——Live Server插件的简介、安装与使用
热门推荐
李阿昀的博客
11-03 1万+
简介 Live Server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用Live Server作为一个实时服务器实时查看开发的网页或项目效果。 安装 第一步，打开VSCode开发工具，在VSCode扩展中搜索Live Server，然后安装即可。 Live Server插件安装成功之后，应该就是下面这个样子了。 第二步，按Ctrl+Shift+P快捷键打开命令面板，输入settings，然后在下拉列表
vscode插件Live Server的简介、安装与使用
最新发布
学亮编程手记
08-11 370
Live Server是一个简单的节点应用程序，用于工作目录及其子目录。它也监视文件的变化，当这种情况发生时，它通过web套接字连接向浏览器发送消息，指示它重新加载。为了让客户端支持这个，服务器为每个请求的html文件注入一小段JavaScript代码。这个脚本建立了web套接字连接并监听重载请求。通过从DOM中查找引用的样式表，并触发浏览器再次获取并解析它们，可以刷新CSS文件，而无需整页重新加载。
live-server安装与使用
simpleshao的博客
12-21 7958
原文链接：https://www.jianshu.com/p/6661aaebf412 live-server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。 使用live-server，首先需要安装它： npm in...
推荐：Live Server — 实时开发服务器
gitblog_00006的博客
05-11 1065
推荐：Live Server — 实时开发服务器 项目地址:https://gitcode.com/gh_mirrors/vs/vscode-live-server Live Server 是一个专为前端开发者设计的本地开发服务器，它带有实时刷新功能，适用于静态和动态页面。无论你是PHP开发者还是JavaScript爱好者，这款Visual Studio Code插件都能让你的开发流程更加流畅。 ...
《VS Code》_离线安装VS Code插件
weixin_40283296的博客
08-01 421
vs code 应用商店老是出现连接不成功的情况！！！！！无法直接使用vs code 安装插件 1、去官网下载.vsix插件 插件下载地址 下载地址和下载按钮 2、将文件下载到vs code的安装目录下的bin目录下，D:\vscode\Microsoft VS Code\bin，该路径下打开cmd，执行命令 code --install-extension ritwickde...
Live Server Web Extension-crx插件
04-02
此扩展名为Live Server（Vscode扩展 - 必需v3.0.0 +）。 您必须为vscode安装Live Server扩展以才能使用此添加项。 按照此链接设置：https：//github.com/ritwickdey/live-server-web-extension#Setup 演示：...
liveserver:最简单的rtmp和hls live服务器
04-30
运行并退出： double click bin/liveserver.bat to run，press ctrl-c to quit.用： default：1、rtmp publish：rtmp://127.0.0.1/live/[streamname]2、rtmp play：rtmp://127.0.0.1/live/[streamname]3、hls play：...
LiveServer.jl：具有用于Julia的实时重载功能的简单开发服务器
02-04
**LiveServer.jl：Julia中的实时重载开发服务器** `LiveServer.jl` 是一个专为Julia编程语言设计的轻量级开发服务器，它提供了实时重载功能，极大地提升了开发者在构建Web应用程序时的效率。这个工具使得开发者可以...
five-server:具有实时重新加载功能的开发服务器。 （Live Server的维护叉）
03-29
五台服务器 具有实时重新加载功能的...# Remove live-server (if you have it) $ npm -g rm live-server # Install five-server $ npm -g i five-server # Run it $ five-server # Update five-server (from time to
用live server插件打开的不是自己想要的浏览器页面
m0_71202576的博客
12-05 458
live server
VSCode安装Live server插件并设置为谷歌浏览器打开
又菜又爱玩的小熊
12-03 4911
文章目录一、安装Live server插件1.点击扩展——搜索Live server2.点击安装3.有如图所示表示安装完成二、设置为谷歌浏览器打开（安装完Live server插件以后需要重启一下VSCode）1.点击扩展——选择Live server插件——鼠标右击——选择扩展设置2.选择默认为谷歌浏览器3.设置完成可以运行测试下是否OK 一、安装Live server插件 1.点击扩展——搜索Live server 2.点击安装 3.有如图所示表示安装完成 二、设置为谷歌浏览器打开（安装完Live
live server使用
wzp20092009的博客
04-02 6050
Launch a development local Server with live reload feature for static & dynamic pages。 简而言之，一个开服务展示静态或者动态页面的本地服务器。 在线安装 vscode在 扩展Extensions 中搜索 Liver Server，选择并安装它。 最新的版本不需要配置setting首选项那些了。 选择具体的页面，右击文件选择 Open with Liver Server 服务器就启动了，所选择浏览的页面也会在.
live-server 的使用
乐辞的博客
10-24 5591
live-server 是一款 npm 工具，全局安装 npm i -g live-server 后，项目目录使用 live-server 命令行命令便可直接在浏览器中预览（默认找 index.html，其他需要带上文件名空格后跟在后面），并且自动全局监听实时更新。但现在流行修改文件浏览器自动刷新 hot socketing（热拔插），如 live-reload。本地开发常常需要搭建临时的服务，第一时间我们会想到用 http-server。而 live-server 实现了上面这三个插件的功能。
live Server的使用
m0_52244931的博客
09-19 2197
live Server的使用
VS Code -- Live Server
weixin_43588715的博客
03-22 6097
Live Server插件用来自动加载热部署前端页面相关的文件（.html/.js/.ts/.css），简单来说就是：快速启动本地服务，自动监听，不需要刷新就能更新内容。有了它之后调试前端页面再也不需要不停地手工去点击浏览器上的刷新按钮。
ubuntu 22.04.3 live server图文安装流程
yanchenyu365的博客
10-12 5649
13、是否升级到专业版pro，也就是付费服务，默认是跳过，点继续即可；备注：以下操作全用键盘，tab切换，enter确认，方向键移动；15、snap格式的预装软件，可依据实际情况勾选，一般不需要；8、配置源，简单说：就是下载更新源，一般输入国内阿里源地址；9、这里默认就是自动分区并且启用lvm，保持默认即可；14、这里要在这一行，回车让x选中，否则没有ssh；16、左上角提示安装完成，就可以点最下方的，重启了；7、如果需要配置代理请在这里配置，一般略过；2、选择语言，这里只能选择英语，无中文；
live Server安装使用
weixin_47768980的博客
07-07 1395
live-server可以帮助我们在网页开发中开启一个实时的服务以方便我们可以实时查看开发的网页，更主要的是开发移动端的时候在同一局域网下我们可以通过本地在手机上访问网页效果。我们就可以通过生成的地址去访问，当然也可以通过本地id加55656端口号进行访问，如果想用其他端口号可以在运行live-server的时候用--port的方式指定端口号。安装完之后就会有live-server的命令然后我们在需要启动服务的根目录输入cmd回车。然后输入live-server命令回车。
VS Code插件live server的安装和使用
sinat_37024730的博客
02-06 4089
VS code中live server插件的安装和使用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值