live-server的使用

最新推荐文章于 2025-05-30 15:29:23 发布
最新推荐文章于 2025-05-30 15:29:23 发布
阅读量1.2k 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/AnnnnnnnnnJiang/article/details/122513908
本文介绍如何通过live-server工具来快速初始化并部署本地项目。主要包括安装live-server，配置npm脚本来启动服务器，并设置特定端口。适用于前端开发者进行项目开发及调试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本地开启一个服务器live-server的使用

  1. 初始化项目,生成package.json文件
    npm init -y
  2. 安装
    npm i live-server -g
  3. 启动
    live-server
    在脚本中起别名’server’:‘live-server ./ --port=8888’：npm run server
酱酱子_
关注
VSCode Live Server 插件安装和使用
呆萌很的博客
01-08 5208
VSCode Live Server 插件安装和使用
Live-Server使用
gaojingsong的专栏
07-06 1946
PS D:\web001\vue001> live-server live-server : 无法将“live-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 + live-server + ~~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (live-server:String) [], CommandNotFoundExc
live Server的使用
m0_52244931的博客
09-19 2364
live Server的使用
live server在webstorm中的使用
最新发布
一个人的江湖
05-30 395
在 WebStorm 中配置一个类似于 VSCode 的 Live Server 的功能，可以通过以下方式实现，通常是通过内置的 WebStorm 功能或者借助外部工具来实现实时刷新。
live-server 的使用
乐辞的博客
10-24 6014
live-server 是一款 npm 工具，全局安装 npm i -g live-server 后，项目目录使用 live-server 命令行命令便可直接在浏览器中预览（默认找 index.html，其他需要带上文件名空格后跟在后面），并且自动全局监听实时更新。但现在流行修改文件浏览器自动刷新 hot socketing（热拔插），如 live-reload。本地开发常常需要搭建临时的服务，第一时间我们会想到用 http-server。而 live-server 实现了上面这三个插件的功能。
live-server安装与使用
simpleshao的博客
12-21 8033
原文链接：https://www.jianshu.com/p/6661aaebf412 live-server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。 使用live-server，首先需要安装它： npm in...
live server使用
wzp20092009的博客
04-02 6251
Launch a development local Server with live reload feature for static & dynamic pages。 简而言之，一个开服务展示静态或者动态页面的本地服务器。 在线安装 vscode在 扩展Extensions 中搜索 Liver Server，选择并安装它。 最新的版本不需要配置setting首选项那些了。 选择具体的页面，右击文件选择 Open with Liver Server 服务器就启动了，所选择浏览的页面也会在.
ubuntu-22.04.3-live-server-amd64.zip.003
12-14
ubuntu-22.04.3-live-server-amd64.iso，文件使用360压缩软件分割成3个压缩包，必须一起下载使用： 文件1：https://download.youkuaiyun.com/download/weixin_43800734/88628617 文件2：...
ubuntu-22.04.3-live-server-arm64.zip.003
12-14
ubuntu-22.04.3-live-server-arm64.iso，文件使用360压缩软件分割成3个压缩包，必须一起下载使用： 文件1：https://download.youkuaiyun.com/download/weixin_43800734/88628628 文件2：...
ubuntu-22.04.3-live-server-arm64.zip.002
12-14
ubuntu-22.04.3-live-server-arm64.iso，文件使用360压缩软件分割成3个压缩包，必须一起下载使用： 文件1：https://download.youkuaiyun.com/download/weixin_43800734/88628628 文件2：...
ubuntu-22.04.3-live-server-amd64.zip.002
12-14
ubuntu-22.04.3-live-server-amd64.iso，文件使用360压缩软件分割成3个压缩包，必须一起下载使用： 文件1：https://download.youkuaiyun.com/download/weixin_43800734/88628617 文件2：...
live-server的用法
i_yuanpeng的博客
05-12 3091
这是一款带有热加载功能的小型开发服务器。用它来展示你的HTML / JavaScript / CSS，但不能用于部署最终的网站。 在前端开发的过程中，有时候希望页面实时刷新，这时候就可以用到live-server
推荐：Live Server — 实时开发服务器
gitblog_00006的博客
05-11 1522
推荐：Live Server — 实时开发服务器 Live Server 是一个专为前端开发者设计的本地开发服务器，它带有实时刷新功能，适用于静态和动态页面。无论你是PHP开发者还是JavaScript爱好者，这款Visual Studio Code插件都能让你的开发流程更加流畅。 项目介绍 Live Server 提供了一个快速启动的本地服务器，配合浏览器自动刷新功能，可实现实时查看代码更改的效...
live-server
weixin_45581741的博客
09-02 448
插件使用方式
live Server安装使用
weixin_47768980的博客
07-07 1658
live-server可以帮助我们在网页开发中开启一个实时的服务以方便我们可以实时查看开发的网页，更主要的是开发移动端的时候在同一局域网下我们可以通过本地在手机上访问网页效果。我们就可以通过生成的地址去访问，当然也可以通过本地id加55656端口号进行访问，如果想用其他端口号可以在运行live-server的时候用--port的方式指定端口号。安装完之后就会有live-server的命令然后我们在需要启动服务的根目录输入cmd回车。然后输入live-server命令回车。
live-server启动https
junfoon的博客
11-30 1081
【代码】live-server启动https。
【VSCode】插件推荐 - Live Server
m0_49239264的博客
06-02 1941
简单易用：您可以通过在VSCode的侧边栏中找到Live Server插件，点击"Go Live"按钮或在HTML文件上右键选择"Open with Live Server"来启动服务。自动刷新功能：当您在VSCode中编辑HTML、CSS或JavaScript文件并保存更改时，Live Server会自动在浏览器中刷新页面，让您立即看到最新的变化。多浏览器支持：Live Server支持在不同的浏览器上运行，您可以在插件设置中指定默认浏览器，甚至可以为不同的项目设置不同的浏览器。
纯CSS设计探索与live-server使用技巧
描述部分虽然简短，但包含了实际的操作指令和符号表情，这些可能是在指引开发者如何使用一个本地服务器工具live-server以及可能代表一些设计的隐喻或者提示。下面，我们将详细讨论这些知识点。 ### CSS设计基础 **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值