安装live-server【踩坑】

最新推荐文章于 2022-05-17 15:25:32 发布
最新推荐文章于 2022-05-17 15:25:32 发布
阅读量1.4k 收藏 2
点赞数
文章标签： npm node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/good_omen/article/details/123358462
版权
在没有webpack的情况下，可以通过全局安装live-server来实现热部署。首先确保拥有nodejs和npm环境，并配置好环境变量。使用`npm install -g live-server`进行全局安装，然后可能需要将live-server.cmd路径添加到PATH中。如果遇到'live-server'命令找不到的问题，可以尝试在live-server.cmd所在目录运行，或者以管理员权限打开CMD执行。

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

安装live-server

没有webpack，所以，使用另外一种热部署方式：live-server。
安装前提：必须有nodejs和npm环境，同时配置好对应的环境变量。

在这里插入图片描述
直接使用：npm install -g live-server进行全局安装。

在运行live-server命令前，首先要将live-server.cmd对应的目录配置到path环境中。
配置完毕，使用live-server命令，若显示：“live-server”既不是内部命令或外部命令，也不是可运行的程序。
1、可以 进入 live-server.cmd 文件目录，直接在当前文件夹执行live-server命令
2、使用管理员身份打开cmd，直接执行live-server命令即可
在这里插入图片描述

在这里插入图片描述

Good_omen
关注
live-server的用法
i_yuanpeng的博客
05-12 3048
这是一款带有热加载功能的小型开发服务器。用它来展示你的HTML / JavaScript / CSS，但不能用于部署最终的网站。 在前端开发的过程中，有时候希望页面实时刷新，这时候就可以用到live-server
live-server 配置 proxy 小白踩坑总结
John_Cooper的博客
12-20 7854
项目开发中想使用live-server配置个代理服务免去在本地搭建后台环境，在网上找了很多live-server的文章看过后一直没有配置成功，后来终于找到了问题的根源，以下是配置截图： package.json 项目script 这里配置proxy一定要注意，网上多数文档都没写到 ...
Idea、WebStorm 中运行live-server无法加载文件，此系统上禁止运行脚本解决方案
summer-2018
05-17 1916
Idea、WebStorm 中运行live-server无法加载文件，此系统上禁止运行脚本解决方案 WebStorm、Idea中运行live-server出现这种情况 两种解决方案 1、方案一 （1）在win10系统中，以管理员运行powershell （2）输入 代码 set-executionpolicy remotesigned (3)再次输入 Y，问题就解决了 2、方案二 (1)在WebStorm 或者Idea工具中点击File—>Setting (3)选择Tools, 点击Term
IDEA中live-server : 无法加载文件 D:\node\live-server.ps1，因为在此系统上禁止运行脚本
weixin_45784919的博客
10-13 1765
idea中运行live-server出现如下: 无法加载脚本，使用管理员身份运行 PowerShell， 解决办法 以管理员运行powershell 然后输入 set-executionpolicy remotesigned 然后输入Y就可以了 再次运行liver-server就可以了 ...
安装live server
Shiyu_W的博客
02-20 919
第一步安装nvm nvm是nodejs的版本管理工具，所以在安装nvm的同时就会安装nodejs，所以不要在安装nvm之前独立安装一次nodejs 在安装时要注意安装的版本，版本不适用的话就算安装成功最终也是不能使用的 具体下载地址可以在github上下载，推荐下载nvm-setup.zip 安装后可以通过在cmd最终输入nvm进行检查，若安装成功，会显示出nvm各种命令的用法 安装live server 通过npm安装live server，具体命令为npm install -g live-server
live-server的安装
热门推荐
徐本锡的专栏
05-28 135万+
一、关于live-server的介绍 live-server插件实现了——修改文件浏览器自动刷新；浏览器自动打开项目；本地开发搭建临时的服务。 二、关于live-server的安装 1：安装node.js 在官网http://nodejs.cn/download/ 选择自己对应的版本进行下载并安装，我下载到了D:\Program Files\nodejs 在电脑属性-高级系统设置-...
live-server安装使用
橙-极纪元-JJYCheng
01-28 1007
第一步:安装node.js 百度搜索node.js，下载最新版 安装就行了 第二步：安装live-server 全局安装 运行 CMD，输入下面代码 简写代码： npm i -g live-server 完整代码： npm install -g live-server 安装 提示这个就安装成功了 第三步：运行 cmd命令指向到项目根目录输入 live-server 截图 延伸阅读 转载：https://www.jianshu.com/p/a1...
react-native 0.40.0 环境搭建踩坑全记录
qq_36070842的博客
06-15 652
初学react-native，找了一个课程，使用0.40版本，而现在默认自动安装最新版本0.55，这给我添了不少麻烦，环境配置上也踩了好多坑，好不容易跑通，必须总结一下1. 安装JDK 1.8（暂不支持更高版本），配置环境变量win10系统，点击开始在菜单，直接打字：环境变量点击新建JAVA_HOME :  C:\Java\jdk1.8.0_171（你安装java的位置）CLASSPATH :  ...
Node.js实战：构建HTTP/2 Server的踩坑与解决
同时，Let’s Encrypt提供了一个免费且方便的方法来获取SSL证书，只需运行`sudo certbot certonly --standalone -d you.keyin.me`命令，完成验证后，证书会保存在"/etc/letsencrypt/live/you.keyin.me/"目录下。...
安装Linux系统跳过系统检测,PXE——无人值守自动安装Linux操作系统（踩坑记录）...
weixin_28909745的博客
05-12 814
dhcp服务dhcp服务器主要实现在企业内部网络为客户端分配ip地址等网络参数。在无人值守环境中，当客户端选择从网络启动后，就会通过发送广播数据包的形式寻找dhcp服务器，从dhcp获得ip地址等参数后才可以通过tftp共享读取启动文件。(1)安装dhcp服务操作 yum install -y dhcp(2)修改配置文件以实现为客户端分配网络参数[root@python ~]# vim /etc...
戴尔 R420 服务器安装 Centos7.6.1810 踩坑
啸铁
08-01 2590
使用 UrtlaISO (软碟通) 制作启动U盘，完成后需要将 iso 文件放入制作好的启动盘里，否则在后续安装过程中，安装源将提示无法通过此介质安装, 选择安装源时不要默认检测，选择你放入启动盘中的 iso 文件，如果网络可用，也可以通过网络获取安装源。 UrtlaISO 制作启动盘会将盘符名成改为 “CENTOS 7 x86_64"， 这样的盘符名在为服务器安装系统时不能被正确识别，需要在安装界面选中 Install Centos 7 后按 tab 键进行修改。安装界面如下图，按 tab 键后下..
win10系统phpstorm改用PowerShell终端
djl的专栏，blog.djl.cx好记
11-10 1万+
习惯了linux的命令行操作， windowns的cmd都不支持，现在好了win10的PowerShell支持了linux命令操作。 文件--》设置--》工具--》Terminal 将Shell path路径改为C:\WINDOWS\System32\WindowsPowerShell\v1.0\powershell.exe 保存后重启phpstorm，熟悉的linux命令就可以...
live-server 介绍&安装
weixin_30314813的博客
03-29 1080
　　live-server是可以运行前端静态文件的一个服务器，既然我们要前后端分离，所以就需要单独将html代码运行起来，这里我们选择live-server，等到后边真正部署的时候在用nginx js的解释器是谷歌研发的v8引擎。速度比较快。 而V8引擎是集成在浏览器中的。 我们如果想脱离浏览器，直接在电脑上通过某个软件就能运行静态文件可以么？ 那就需要用到node.js，这个...
启动本地服务神器：live-server
Yang'blog
10-31 1778
live-server 功能 搭建临时的服务 修改文件浏览器自动刷新 自动打开项目 使用 安装 npm install -g live-server 实际使用 ----project -------src -------img -------lib -------indexhtml 如上面项目目录树： cd porject live-server --port=8080 ...
Idea 远程调试Livy Server
JacksonKing的专栏
05-14 386
Idea 远程调试Livy Server LivyServer配置 修改conf/livy-env.sh添加LIVY_SERVER_JAVA_OPTS LIVY_SERVER_JAVA_OPTS="-agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=57777" IDEA配置 创建remote连接 填写host和port，idea自动生成（-agentlib:jdwp=transport=dt_socket,server=y,sus
三、手动创建live-server前端服务器
基督山伯爵的博客
10-26 717
                                   手动创建live-server前端服务器 创建web服务器 D:\Vue\VueExample>npm
live-server踩坑~
weixin_40726805的博客
09-17 7625
首先介绍live-server的安装和使用 安装 1、live-server是依赖于nodejs的，所以在安装live-server之前确保已经安装了nodejs，检查是否安装nodejs 打开cmd: 输入node -v 检查是否安装nodejs 已经安装了node的情况下，使用npm install -g live-server全局安装live-server,已经安装了就不用...
web服务器live-server教程
上班摸鱼随笔
05-16 979
一、安装 需要安装nodejs及npm工具 使用命令行全局安装```npm install -g live-server``` 二、使用 在html文件夹下运行cmd命令```live-server```，默认端口号为```8080``` 如需自定义端口号则命令为```live-server --port=9090``` ...
vue 用npm进行全局安装(npm install live-server -g),提示没有权限解决方法
Aimee1717的博客
10-19 3874
vue 用npm进行全局安装(npm install live-server -g),报错Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/live-server_tmp’的问题解决 安装的时候根据说明，需要使用npm install -g polymer-cli命令，但是一直提示没有权限， 原因: 执行命令行...
怎么安装live-server
最新发布
03-04
<think>好的，用户想要了解如何安装live-server。首先，我得确认live-server是什么。它是一个具有实时重载功能的小型开发服务器，通常用于前端开发，可以在保存文件时自动刷新浏览器。 接下来，用户可能需要知道安装的前提条件。live-server是基于Node.js的，所以需要先安装Node.js和npm。我应该先检查用户是否已经安装了这些工具。如果没有，需要指导他们如何安装Node.js，因为这会自动包含npm。 然后，安装live-server的步骤。通常是通过npm全局安装，这样可以在任何项目中使用。命令是`npm install -g live-server`。不过，有时候用户可能会遇到权限问题，这时候可能需要使用sudo（在Mac或Linux上）或者以管理员身份运行命令行工具（在Windows上）。 安装完成后，如何启动live-server？基本用法是进入项目目录，然后在终端运行`live-server`。这会自动打开浏览器，默认端口是8080。如果端口被占用，可能需要指定其他端口，比如`live-server --port=3000`。 可能还需要介绍一些常用参数，比如`--open`指定浏览器，`--watch`指定监视的目录，或者`--ignore`忽略某些文件。这些选项能帮助用户根据需求定制使用方式。 另外，用户可能想知道有没有其他替代方案，比如VS Code的Live Server扩展，这样可能更方便。如果有必要的话，可以简单提一下，但主要按照用户的要求专注于npm安装方法。 最后，确保步骤清晰，没有遗漏，并且用中文简洁地解释每个步骤。需要避免使用专业术语过多，让新手也能理解。同时，检查是否有常见的安装问题，比如网络问题或者权限问题，并给出解决方案的建议。</think>以下是安装和使用 `live-server` 的详细步骤： --- ### **1. 安装 Node.js** `live-server` 依赖 Node.js 环境，需先安装： - **Windows/macOS**：访问 [Node.js 官网](https://nodejs.org)，下载并安装 LTS 版本（自动包含 npm）。 - **Linux**： ```bash # Debian/Ubuntu sudo apt install nodejs npm ``` --- ### **2. 安装 live-server** 通过 npm 全局安装（需管理员权限）： ```bash # Windows 用户以管理员身份打开 CMD/PowerShell npm install -g live-server # macOS/Linux 用户使用 sudo sudo npm install -g live-server ``` --- ### **3. 使用 live-server** 1. **进入项目目录** ```bash cd 你的项目路径 ``` 2. **启动服务器** ```bash live-server ``` - 自动在浏览器打开 `http://localhost:8080` - 修改文件后浏览器会自动刷新 --- ### **常用参数** | 参数 | 说明 | 示例 | |------|------|------| | `--port=3000` | 指定端口 | `live-server --port=3000` | | `--open=/subdir` | 打开子目录 | `live-server --open=./src` | | `--ignore=*.css` | 忽略文件类型 | `live-server --ignore=*.tmp` | --- ### **替代方案** - **VS Code 用户**：安装 [Live Server 扩展](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)，右键文件选择「Open with Live Server」更快捷。 --- ### **常见问题** - **端口冲突**：使用 `--port` 更换端口 - **权限不足**：在命令前加 `sudo`（Linux/macOS）或以管理员身份运行终端（Windows）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值