live-server的安装与使用

最新推荐文章于 2025-06-30 14:16:19 发布
原创 最新推荐文章于 2025-06-30 14:16:19 发布 · 3.4w 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#liveserver

本文介绍如何使用npm初始化项目，并安装live-server。通过简单的命令即可启动本地服务器并自动刷新页面。文章还提供了如何在package.json文件中配置启动命令及自定义端口的方法。

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

live-server的安装与使用

  • 初始化npm:npm init
  • 安装live-server：cnpm install -g live-server

  • 启动live-server：live-server

    –也可以设置快捷方式以及端口号：
    在package.json中找到”script”,写入:

  "server":"live-server ./ --port=9090"

（一开始写成了“–port:9090”，冒号是错误的，谢谢帮我指出错误的小伙伴(#^.^#)）
- 启动：cnpm run server

VSCode Live Server 插件安装和使用
呆萌很的博客
01-08 5508
VSCode Live Server 插件安装和使用
NodeJS | 搭建本地/公网服务器 live-server 的使用与安装
键盘爱好者
01-16 1195
一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。安装 live-server安装方法这里-g代表全局安装，安装完成后，你就可以在任何地方使用命令了。安装后的验证安装完成后，可以在命令行中输入来查看 live-server 的版本号，如果能正常显示版本号，说明安装成功。环境变量问题Node.js 环境变量未配置正确。
live-server安装
博客主要分享技术教程、工具教程、bug解决、前沿技术动态、编程经验、心得感悟等。 内容同步、干货获取、推广宣发请看侧栏推广信息
09-09 851
live-server作为web server来部署Html和JavaScript，并运行在浏览器中。live-server轻量且简单，初学者首选。
live server插件vscode的配置
最新发布
Yqha1的博客
06-30 1094
本文详细介绍了如何在VS Code中配置和使用Live Server插件。主要内容包括：1）安装步骤；2）两种启动服务器的方法；3）个性化配置详解（端口、根目录、浏览器选择等）；4）常见故障排查方法。重点讲解了通过修改settings.json文件来定制服务器参数，并提供了常用配置示例。该指南帮助用户快速掌握Live Server的核心功能，实现高效的前端开发热重载体验。
webstorm live-server
liu_g_d的博客
05-17 4520
webstorm live-server 已安装node和live-server 1.1 未配置live-server 1.2 配置live-server alt+F12，输入 live-server 若开启不了，修改此设置
web服务器live-server的安装及使用
热门推荐
Hello，陌生人^o^。遇见你真好...
07-10 1万+
在写一下简单的项目或学习一些技术的练习，没有服务器的话，每次写的代码都需要手动刷新浏览器。有点无奈，但是如果你安装了这个live-server 服务器就可以不用手动刷新，实时预览自己写的代码了。 （一）安装 1.前提条件需要node.js和npm的依赖（可以自己先搞定，不难）； 2.使用npm全局安装：npm install -g live-server（本人使用淘宝镜像安装的） （二...
ubuntu 22.04.3 live server图文安装流程
yanchenyu365的博客
10-12 8050
13、是否升级到专业版pro，也就是付费服务，默认是跳过，点继续即可；备注：以下操作全用键盘，tab切换，enter确认，方向键移动；15、snap格式的预装软件，可依据实际情况勾选，一般不需要；8、配置源，简单说：就是下载更新源，一般输入国内阿里源地址；9、这里默认就是自动分区并且启用lvm，保持默认即可；14、这里要在这一行，回车让x选中，否则没有ssh；16、左上角提示安装完成，就可以点最下方的，重启了；7、如果需要配置代理请在这里配置，一般略过；2、选择语言，这里只能选择英语，无中文；
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-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：...
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：...
live-server启动一个本地服务器(手机访问)
weixin_40542544的博客
01-16 1475
开启本地服务器 通常我们写一个项目时需要开启一个服务器移动设备访问测试，那么如何开启一个本地服务器并且手机可以放呢，那么就可以用live-server来开启一个服务器 通过以下三步就可以啦 1、首先安装live-server npm i -g live-server 2、安装完成以后 安装完成之后，就可以在你项目根目录中开启命令行输入:（必须进入你项目的根目录） live-server 3.改...
CentOS-7-Server服务器的安装与配置
寅月十八的博客
09-10 2737
文章目录创建新的虚拟机镜像的安装 创建新的虚拟机 镜像的安装 1.选择镜像路径 2.开始虚拟机进行安装 3.选择第一安装选项 4.选择中文语言 5.进行简单配置 网络的配置 打开 更改主机名 点击应用 点击配置 配置静态IP https://blog.youkuaiyun.com/weixin_43849575/article/details/102996790?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163114917416780
linux系统下安装live-server
shaleilei的博客
04-07 2841
我们常见的windows和mac上买都是:npm install -g live-server进行全局安装但是linux终端安装的时候会报错，所以我们要使用vscode下面的插件，我们在vocode插件中输入live-server进行查找，找到live-server插件后我们进行安装，安装好以后需要重启，然后我们在vocode界面的右下角我们会看到Go Live点击就会打开实时监控，实时更新，俗称...
本地请求接口跨域
weixin_53008757的博客
01-23 1278
跨域原理：协议、域名、端口号 三者一致启用host：指向了统一域名修改port： 将端口号统一这样 大概率能解决 本地访问服务器跨域问题.scss",// "**/
VS Code -- Live Server
2301_76778596的博客
03-16 3888
Live Server插件用来自动加载热部署前端页面相关的文件（.html/.js/.ts/.css），简单来说就是：快速启动本地服务，自动监听，不需要刷新就能更新内容。有了它之后调试前端页面再也不需要不停地手工去点击浏览器上的刷新按钮。
vscode live-server使用失败解决办法
aaa10088的博客
04-28 1万+
一.直接用localhost:5500/手动打开 二.下载preview on web server 替代 去应用商店搜索preview on web server 配置preview 1）点击设置 选择设置 2）搜索 点击添加项，添加chrome或者其他浏览器 把端口改为5500 选择这个 就可以实现 页面 编辑器 同步效果。 ...
live-server的用法
cangowu的博客
06-06 1万+
在前端开发的过程中，有时候希望页面实时刷新，这时候就可以用到live-server1.安装npm install -g live-server2.根目录下建立一个index.html执行live-server3.默认端口为8080，如果需要修改在package.json的"scripts"增加"server":"live-server ./ --port=8090"4.运行npm run serv...
怎么安装live-server
03-04
- **VS Code 用户**：安装 [Live Server 扩展](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)，右键文件选择「Open with Live Server」更快捷。 --- ### **常见问题** - **端口...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值