当前位置：首页 > news >正文

NodeJS | 搭建本地/公网服务器 live-server 的使用与安装

news 来源：原创 2025/6/16 22:31:53

介绍

安装 live-server

安装方法

安装后的验证

环境变量问题

Node.js 环境变量未配置正确

全局安装的 live-server 路径未添加到环境变量

运行测试

默认访问主界面

访问文件

报错信息与解决

问题一：未知命令

问题二：拒绝脚本

公网配置

介绍

Live Server：一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。

安装 live-server

安装方法
- 如果你使用的是 npm（Node.js 的包管理器），可以通过以下命令安装 live-server：
```
npm install -g live-server
```
  这里 -g 代表全局安装，安装完成后，你就可以在任何地方使用 live-server 命令了。
- 如果你使用的是 yarn（另一个流行的包管理器），安装命令是：
```
yarn global add live-server
```
安装后的验证
- 安装完成后，可以在命令行中输入 live-server --version 来查看 live-server 的版本号，如果能正常显示版本号，说明安装成功。

环境变量问题

Node.js 环境变量未配置正确
- 当你安装 Node.js 时，通常会自动配置环境变量。但如果环境变量配置不正确，会导致无法识别 live-server 命令。你可以检查环境变量：
  - 在 Windows 系统中，右键点击“此电脑”或“计算机”，选择“属性”，然后点击“高级系统设置”，在“系统属性”窗口中点击“环境变量”按钮。在“系统变量”区域找到名为“Path”的变量，查看其中是否包含 Node.js 的安装路径（如 C:\Program Files\nodejs\）。如果没有，可以手动添加。
  - 在 macOS 或 Linux 系统中，可以使用命令 echo $PATH 查看环境变量。如果 Node.js 的安装路径不在其中，可以编辑 ~/.bash_profile 或 ~/.bashrc 文件，添加如下内容（以 Node.js 安装在 /usr/local/bin/node 为例）：
```
export PATH=$PATH:/usr/local/bin/node
```
    然后执行 source ~/.bash_profile 或 source ~/.bashrc 使配置生效。
全局安装的 live-server 路径未添加到环境变量
- 当你使用 npm 全局安装 live-server 时，它会被安装到 npm 的全局安装目录。这个目录可能不在系统的环境变量中。你可以通过以下命令找到 npm 的全局安装目录：
```
npm root -g
```
  然后将这个目录添加到系统的环境变量中，具体操作同上。

运行测试

live-server --port=8080

默认访问主界面

访问文件

报错信息与解决

问题一：未知命令

PS D:\Desktop\chen> live-server -port=1111 live-server : The term 'live-server' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + live-server -port=1111 + ~~~~~~~~~~~ + CategoryInfo: ObjectNotFound: (live-server:String) [], Com mandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

其实就是没装所以不知道是啥..去开头的地方装一遍就行了

问题二：拒绝脚本

PS D:\Desktop\chen> npm install -g live-server 
npm : File D:\nodejs\npm.ps1 cannot be loaded 
because running scripts is disabled on this system. 
For more information, see about_Execution_Policies 
at https:/go.microsoft.com/fwlink/?LinkID=135170. 
At line:1 char:1 + npm install -g live-server + ~~~ 
+ CategoryInfo : SecurityError: (:) [], 
PSSecurityException + FullyQualifiedErrorId :UnauthorizedAccess PS D:\Desktop\chen> yarn global 
add live-server yarn : File C:\Users\Administrator\AppData
\Roaming\npm\yarn.ps1 cannot be loaded because running 
scripts is disabled on this system. For more information, 
see about_Execution_Policies at https:/go.microsoft.com/
fwlink/?LinkID=135170. At line:1 char:1 + yarn global add 
live-server + ~~~~ + CategoryInfo : SecurityError: (:) [], 
PSSecurityException + FullyQualifiedErrorId : 
UnauthorizedAccess PS D:\Desktop\chen>

权限不够需要提权，且允许脚本写入

出现这个错误是因为 PowerShell 的执行策略设置得过于严格，阻止了脚本的运行。你可以按照以下步骤调整 PowerShell 执行策略来解决这个问题：

以管理员身份运行 PowerShell：
- 右键点击开始菜单，选择“Windows PowerShell (管理员)”。
查看当前执行策略：
- 在打开的 PowerShell 窗口中，运行以下命令来查看当前的执行策略：
```
Get-ExecutionPolicy
```
- 如果结果显示为 Restricted，则需要更改此设置以允许脚本运行。
设置新的执行策略：
- 建议将执行策略修改为 RemoteSigned，该模式下仅允许本地创建的脚本无条件执行；对于来自互联网或其他计算机上的脚本，则需具备有效的数字签名才能被执行。通过以下命令完成变更：
```
Set-ExecutionPolicy RemoteSigned
```
- 系统可能会提示确认操作，请按指示同意更改。
验证更新后的执行策略：
- 再次使用 Get-ExecutionPolicy 命令来验证新设定是否生效。

完成以上步骤后，尝试重新运行 npm install -g live-server 或 yarn global add live-server 命令，应该就可以成功安装 live-server 了。

公网配置

可以利用第三方内网穿透软件完成：樱花，花生壳等

有喜欢的小伙伴可以去 vx公棕号: wmcode 看看，或许有你想要的

NodeJS | 搭建本地/公网服务器 live-server 的使用与安装

目录介绍安装 live-server 安装方法安装后的验证环境变量问题 Node.js 环境变量未配置正确全局安装的 live-server 路径未添加到环境变量运行测试默认访问主界面访问文件报错信息与解决问题一：未知命令问题二：拒绝脚本公网配置…...

编程日记 2025/6/4 1:49:52

用C++实现一个基于模板的观察者设计模式

观察者模式定义观察者模式（Observer Pattern）是一种行为型设计模式，用于定义对象间的一对多依赖关系，使得当一个对象状态发生变化时，其所有依赖它的对象都会收到通知并自动更新。核心概念角色定义 Subject（被观察者）：持有观察者列表，维护观察者的注册和移除。 …...

编程日记 2025/6/2 13:54:05

LabVIEW开发X光图像的边缘检测

在医疗影像处理中，X光图像的分析对于骨折、肿瘤等病变的检测非常重要。X光图像中包含许多关键信息，然而，由于图像噪声的干扰，直接从图像中提取有用的特征（如骨折的边缘）变得非常困难。边缘检测作为图像处理…...

编程日记 2025/6/4 16:12:20

GitEE

版本控制 cvs svn git 等等一、团队开发过程中的问题 1、备份【Release】 2、代码还原 3、协同修改 4、多版本文件管理 5、追溯问题代码的编写人和编写时间 6、权限控制二、版本控制版本控制就是维护工程蓝图标准做法，能追踪工程蓝图从诞生一直到定案的过程…...

编程日记 2025/6/3 12:53:21

Ubuntu配置python环境

前言 Ubuntu22.04自带python3，仅需要安装pip3即可。也可以安装Anaconda使用虚拟环境。本地Python环境查看python3是否已安装： python3 -V若已安装python3，继续安装pip3： sudo apt install python3-pip查看pip版本&#xf…...

编程日记 2025/5/30 3:58:21

数据库的DML

1.insert 数据库于表创建成功后，需要向数据库的表中插入数据。在MySQL中可以使用insert语句向数据库已有的表中插入一行或者多行元组数据基本语法： insert 语句有两种语法形式，分别是insert…values语句和insert…set语句 insert into&l…...

编程日记 2025/6/1 19:24:18

什么是SSL及SSL的工作流程

什么是 SSL SSL（Secure Sockets Layer，安全套接层）是一种保护互联网通信安全的加密协议，用于确保数据在客户端和服务器之间传输时的保密性、完整性和身份验证。它已被TLS（Transport Layer Security，传输层安全协议）取代，但很多场景仍习惯称其为SSL。 SSL/TLS 的主要目…...

编程日记 2025/6/3 10:27:09

RabbitMQ---消息确认和持久化

（一）消息确认 1.概念生产者发送消息后，到达消费端会有以下情况： 1.消息处理成功 2.消息处理异常如果RabbitMQ把消息发送给消费者后就把消息删除，那么就可能会导致，消息处理异常想要再获取这条消息的时…...

编程日记 2025/6/4 6:11:46

4 AXI USER IP

前言使用AXI Interface封装IP，并使用AXI Interface实现对IP内部寄存器进行读写实现控制LED的demo，这个demo是非常必要的，因为在前面的笔记中基本都需哟PS端与PL端就行通信互相交互，在PL端可以通过中断的形式来告知PS端一些事情&…...

编程日记 2025/6/4 1:49:56

windows下安装并使用node.js

一、下载Node.js 选择对应你系统的Node.js版本下载 Node.js官网下载地址 Node.js中文网下载地址??? 这里我选择的是Windows64位系统的Node.js20.18.0（LTS长期支持版本）版本的.msi安装包程序官网下载： 中文网下载： 二、安…...

编程日记 2025/5/30 14:29:13

【报错解决】Sql server 2022连接数据库时显示证书链是由不受信任的颁发机构颁发的

SSMS 20在连接Sql server 2022数据库时有如下报错： A connection was successfully established with the server, but then an error occurred during the login process. (provider: SSL Provider, error: 0 - 证书链是由不受信任的颁发机构颁发的。原因是尝试使…...

编程日记 2025/4/29 7:52:27

VSCode 的部署

一、VSCode部署 (1)、简介 vsCode 全称 Visual Studio Code，是微软出的一款轻量级代码编辑器，免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、版本管理GIT等特性&…...

编程日记 2025/5/30 15:53:01

淘宝、京东联盟数字ID转加密ID接口

该接口可以将主站的数字ID转换为加密ID 例如：123456789 转换为 xxxxxxxxxx-xxxxxxxxx PHP示例 // 接口地址：https://www.haodanku.com/openapi/api_detail?id103 $app_secret 你的appSecret, //替换成自己的 $x [app_id > 你的appid, //替换成…...

编程日记 2025/5/30 18:04:33

【物联网】keil仿真环境设置 keilV5可以适用ARM7

文章目录一、ARM指令模拟器环境搭建1. keil软件2. Legacy Support 二、Keil仿真环境设置1. 创建一个项目2. 编译器介绍(1)arm-none-eabi-gcc(2)arm-none-linux-gnueabi-gcc(3)arm-eabi-gcc(4)grmcc(5)aarch64-linux-gnu-gcc 3. 安装编译器(1)设置调试一、ARM指令模拟器环境搭…...

编程日记 2025/5/20 4:09:05

Oracle 可观测最佳实践

简介 Oracle 数据库是一种广泛使用的商业关系数据库管理系统（RDBMS），由甲骨文公司（Oracle Corporation）开发。它支持 SQL 语言，能够存储和管理大量数据，并提供高级数据管理功能，如数…...

编程日记 2025/5/31 0:54:38

上传自己的镜像到docker hub详细教程

上传自己的镜像到docker hub详细教程本博客通B站视频一致： 上传自己的镜像到docker hub详细教程 1. 登录自己的hub.docker.com的账号 docker hub仓库 2. 点击Repositories，跳转到创建仓库页面 3. 点击Create a repository 创建repository&#xff0c…...

编程日记 2025/6/2 7:12:30

Python猜数小游戏

Python 实现的《猜数游戏》介绍本文将展示如何使用 Python 编写一个简单的《猜数游戏》。这个游戏将会生成一个1到10之间的随机数，用户有最多三次机会来猜测正确的数字。如果用户猜对了，游戏将结束并显示恭喜信息；如果没有猜对&#xff0…...

编程日记 2025/5/29 4:40:57

HackMyVM-Klim靶机的测试报告

目录一、测试环境 1、系统环境 2、使用工具/软件二、测试目的三、操作过程 1、信息搜集 2、Getshell 3、提权 CVE-2008-0166 四、结论一、测试环境 1、系统环境渗透机：kali2021.1(192.168.159.127) 靶机：debian(192.168.159.27) 注意事…...

编程日记 2025/6/1 19:23:31

MySQL中大量数据优化方案

文章目录 1 大量数据优化1.1 引言1.2 评估表数据体量1.2.1 表容量1.2.2 磁盘空间1.2.3 实例容量 1.3 出现问题的原因1.4 解决问题1.4.1 数据表分区1.4.1.1 简介1.4.1.2 分区限制和执行计划1.4.1.3 分区表的索引1.4.1.4 为什么分区键必须是主键的一部分1.4.1.5 操作分区1.4.1.5.…...

编程日记 2025/6/1 19:22:57

春秋杯-WEB

SSTI 可以看到主页那里有个登录测试之后为ssti {{4*4}} fenjing梭哈即可得到payload {{((g.pop.__globals__.__builtins__.__import__(os)).popen(cat flag)).read()}}file_copy 看到题目名字为file_copy， 当输入路径时会返回目标文件的大小， 通…...

编程日记 2025/6/1 14:54:17

C++多态的认识与理解

多态的定义多态其实就是同一操作在不同的对象上可以有不同的实现方式。多态的类型多态分为静态多态和动态多态两种，而静态多态其实我们之前就了解过，今天主要是讲解一下动态多态。静态多态（编译时多态）:静态多态其实就是在…...

编程日记 2025/6/4 9:21:18

improve-gantt-elastic（vue2中甘特图实现与引入）

1.前言项目开发中需要使用甘特图展示项目实施进度，左侧为表格计划，右侧为图表进度展示。wl-gantt-mater，dhtmlx尝试使用过可拓展性受到限制。gantt-elastic相对简单，可操作性强，基础版本免费。甘特图（Gan…...

编程日记 2025/6/4 16:00:50

模型笛卡尔思维

系列文章分享模型，了解更多👉 模型_思维模型目录。怀疑一切，分析整合，验证真理。 1 笛卡尔思维模型的应用 1.1 笛卡尔思维模型在城市规划中的应用背景：某城市计划进行新的城市规划，以提高城市的可持续性…...

编程日记 2025/6/4 13:22:34

LabVIEW桥接传感器数据采集与校准程序

该程序设计用于采集来自桥接传感器的数据，执行必要的设置（如桥接配置、信号采集参数、时间与触发设置），并进行适当的标定和偏移校正，最终通过图表呈现采集到的数据信息。程序包括多个模块，用于配置通道、触…...

编程日记 2025/6/1 14:09:54

无人机技术架构剖析！

一、飞机平台系统飞机平台系统是无人机飞行的主体平台，主要提供飞行能力和装载功能。它由机体结构、动力装置、电气设备等组成。机体结构：无人机的机身是其核心结构，承载着其他各个组件并提供稳定性。常见的机身材料包括碳纤维、铝合金、…...

编程日记 2025/6/4 3:29:26

飞牛使用docker部署Watchtower 自动更新 Docker 容器

Watchtower是一款开源的Docker容器管理工具，其主要功能在于自动更新运行中的Docker容器 Watchtower 支持以下功能： 自动拉取镜像并更新容器。配置邮件通知。定时执行容器更新任务。 compose搭建Watchtower 1、新建文件夹先在任意位置创建一个 w…...

编程日记 2025/6/3 10:39:35

【Flink系列】4. Flink运行时架构

4. Flink运行时架构 4.1 系统架构 Flink运行时架构——Standalone会话模式为例 1）作业管理器（JobManager） JobManager是一个Flink集群中任务管理和调度的核心，是控制应用执行的主进程。也就是说，每个应用都应该被…...

编程日记 2025/6/2 7:05:45

【机器学习实战入门】使用Pandas和OpenCV进行颜色检测

Python 颜色检测项目今天的项目将非常有趣和令人兴奋。我们将与颜色打交道，并在项目过程中学习许多概念。颜色检测对于识别物体来说是必要的，它也被用作各种图像编辑和绘图应用的工具。什么是颜色检测？ 颜色检测是检测任何颜色名称的过程…...

编程日记 2025/6/3 5:12:17

C++ K2 （2）

提示：文章文章目录前言一、背景标准库基础知识堆栈总结前言前期疑问： 本文目标： 一、背景接上文标准库 1、（单选）【STL】在以下容器中间插入一个元素，时间复杂度为O(1)的是（A&#x…...

编程日记 2025/6/2 7:00:27

【React】静态组件动态组件

目录静态组件动态组件创建一个构造函数(类)使用 class 实现组件**使用 function 实现类组件** 静态组件函数组件是静态组件： 组件第一次渲染完毕后，无法基于内部的某些操作让组件更新「无法实现自更新」；但是，如果调用它的父组…...

编程日记 2025/6/4 7:22:13

Spring Web MVC综合案例

承接上篇文章——Spring Web MVC探秘，在了解Spring Web MVC背后的工作机制之后，我们接下来通过三个实战项目，来进一步巩固一下前面的知识。一、计算器效果展示：访问路径：http://127.0.0.1:8080/calc.html 前端代码&a…...

编程日记 2025/5/31 0:52:53

OpenCV相机标定与3D重建(60)用于立体校正的函数stereoRectify()的使用

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述为已校准的立体相机的每个头计算校正变换。 cv::stereoRectify 是 OpenCV 中用于立体校正的函数，它基于已知的相机参数和相对位置&am…...

编程日记 2025/6/3 3:15:41

SDL2基本的绘制流程与步骤

SDL2（Simple DirectMedia Layer 2）是一个跨平台的多媒体库，它为游戏开发和图形应用提供了一个简单的接口，允许程序直接访问音频、键盘、鼠标、硬件加速的渲染等功能。在 SDL2 中，屏幕绘制的流程通常涉及到窗口的创建、渲染目标的设置、图像的绘制、事件的处理等几个步骤。…...

编程日记 2025/6/3 9:06:43

计算机网络（42）远程终端协议TELNET

前言 Telnet（Telecommunication Network Protocol）是一种网络协议，属于TCP/IP协议族，主要用于提供远程登录服务。一、概述 Telnet协议是一种远程终端协议，它允许用户通过终端仿真器连接到远程主机，并在远程…...

编程日记 2025/6/2 3:09:53

重拾Python学习，先从把python删除开始。。。

自己折腾就是不行啊，屡战屡败，最近终于找到前辈教我第一步删除Python 先把前阵子折腾的WSL和VScode删掉。还是得用spyder，跟matlab最像，也最容易入手。从VScode上搞python，最后安装到appdata上，安装插…...

编程日记 2025/5/27 10:18:03

51c大模型~合集106

我自己的原文哦~ https://blog.51cto.com/whaosoft/13115290 #GPT-5、 Opus 3.5为何迟迟不发新猜想：已诞生，被蒸馏成小模型来卖「从现在开始，基础模型可能在后台运行，让其他模型能够完成它们自己无法完成的壮举——就像一个老…...

编程日记 2025/6/4 15:15:23

node安装教程及环境配置

1.下载安装包下载的网址：Node.js — Download Node.js 根据自己电脑系统及位数选择，电脑是Windows系统、64位、想下载稳定版的.msi（LTS为长期稳定版）这里选择windows64位.msi格式安装包。 .msi和.zip格式区别： .msi…...

编程日记 2025/6/4 16:45:47

Temp123

MapDB：的持久化机制，以及源码分析和摘取 1、spark streaming--struct streaming 基于时间间隔攒批 2、kafka-connect-hdfs 控制 flush.size 和 interval.ms控制攒批 - 完全自研攒批机制 - 使用 embeded 版 https://lxblog.com/qianwen/share?shar…...

编程日记 2025/6/4 12:22:26

YOLO系列代码

Test-Time Augmentation TTA (Test Time Augmentation)是指在test过程中进行数据增强。其思想非常简单，就是在评测阶段，给每个输入进行多种数据增广变换，将一个输入变成多个输入，然后再merge起来一起输出，形成一种ens…...

编程日记 2025/6/2 21:32:41

2025.1.16——一、NewsCenter

题目来源：攻防世界 NewsCenter 目录一、题目二、sqlmap解题——bp抓包存为txt文件进行爆破 step 1：search框内随便输入，进行抓包 step 2：抓包后，存到txt文件，进行sqlmap step 3：-r获取文…...

编程日记 2025/6/4 8:18:30

Java中的继承

引入继承 Java中使用类对实体进行描述，类经过实例化之后的产物对象，就可以用来表示现实中的实体，描述的事物错综复杂，事物之间可能会存在一些关联，因此我们就需要将他们共性抽取，面向对象的思想中提出了继…...

编程日记 2025/6/1 19:49:58

vue3+ts+uniapp 微信小程序（第一篇）—— 微信小程序定位授权，位置信息权限授权

文章目录简介一、先看效果1.1 授权定位前，先弹出隐私协议弹框1.2 上述弹框点击同意，得到如下弹框1.3 点击三个点，然后点设置 1.4 在1.2步骤下，无论同意或者拒绝二、manifest.json 文件配置三、微信公众平台配置3.1 登录进入微信…...

编程日记 2025/6/4 9:49:02

在Playwright中使用PO模式

1.新建项目安装库 npm init -y npm install -D playwright npm install -D playwright/test npm install typescript ts-node types/node npx playwright install 项目目录 2.编写代码 package.json {"name": "pom_playwright","version": …...

编程日记 2025/6/4 1:29:10

三台 Centos7.9 中 Docker 部署 Redis 哨兵模式

三台 Centos7.9 中 Docker 部署 Redis 哨兵模式 1. 环境规划2. 配置 Docker Compose3. 配置 Redis 密码和持久化4. 配置哨兵5. 启动服务6. 验证 Redis 哨兵模式7. 注意事项 1. 环境规划三台服务器的角色分配如下： IP Address容器端口角色192.168.15.128redis-mas…...

编程日记 2025/5/30 18:06:32

JSON数据格式的序列化和反序列化jackson针对首字母小学的字段返回序列化后第2个大写字母也变成小写的问题处理

SpringBoot类属性”第二个字母大写“反序列化问题。key第二个字母大写会被转成小写 , 这个为 jackson 的bug。后台 : String pName; public String getPName() { return pName; } 前台 : { pname : xxx } 解决方案： 使用JsonProperty("pName")…...

编程日记 2025/5/28 5:35:54

Android wifi列表中去自身的热点

Android wifi列表中去自身的热点一、前言 Android wifi列表中能搜索到自身的热点wifi？ 正常手机上都不会出现这个问题；可能是系统底层已经做了过滤处理。现实开发中Android设备的Wifi能搜索到自身热点也可能会存在。比如基于两个单独的wifi双模组硬…...

编程日记 2025/6/2 4:33:02

Elasticsearch：Jira 连接器教程第二部分 - 6 个优化技巧

作者：来自 Elastic Gustavo Llermaly 将 Jira 连接到 Elasticsearch 后，我们现在将回顾最佳实践以升级此部署。在本系列的第一部分中，我们配置了 Jira 连接器并将对象索引到 Elasticsearch 中。在第二部分中，我们将回顾一些最佳实…...

编程日记 2025/5/31 18:06:06

单线性激光扫描、多线性激光扫描？激光扫描三维重建算法环节

分类都属于激光扫描技术，但它们在光源的数量和工作方式上存在一些差异。单线性激光扫描： 单线性激光扫描使用单个线状光源进行扫描。光源沿一个方向移动，将一条直线上的目标进行扫描。这种方式适用于需要获取目标表面在一个维度上的信息的…...

编程日记 2025/6/2 0:20:01

git 常用命令 git archive

git archive 是 Git 中用于创建一个包含指定提交或分支中所有文件的归档文件（如 .tar 或 .zip）的命令。这个命令非常适合用于分发项目快照、备份代码库或导出特定版本的文件。 git archive --formatzip --outputproject.zip HEAD …...

编程日记 2025/6/2 19:05:16

CMD批处理命令入门（6）——常用的特殊字符

CMD批处理命令入门（6）——特殊字符本章内容主要学习要点：重定向符 >、>>命令管道符 |组合命令 &、&&、||转义字符 ^变量引导符 %界定符 "" 本章内容主要学习要点： >、>>重定向符| 命令…...

编程日记 2025/5/31 8:32:02

介绍

安装 live-server

安装方法

安装后的验证

环境变量问题

Node.js 环境变量未配置正确

全局安装的 live-server 路径未添加到环境变量

运行测试

默认访问主界面

访问文件

报错信息与解决

问题一：未知命令

问题二：拒绝脚本

公网配置

相关文章：