简单记录下live-server使用

最新推荐文章于 2025-10-26 10:49:16 发布

原创最新推荐文章于 2025-10-26 10:49:16 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端

本文介绍如何全局安装 live-server 并在项目中启动它。通过简单的命令行操作即可启动本地服务器并进行网页预览。文中还提供了自定义端口、IP 和禁用自动打开浏览器等实用配置。

全局安装：

npm i -g live-server

使用：

在对应的项目文件下，命令行窗口输入 live-server 启动

常用配置：

--port=**** //设置启动的端口，默认为8080

--host=*** //设置ip，默认为本地

--no-browser //禁止自启浏览器

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

C_xran

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

精选资源

【JavaScript源代码】使用node-media-server搭建一个简易的流媒体服务器.docx

12-29

### 使用node-media-server搭建简易流媒体服务器的知识点详解 #### 一、背景介绍与环境配置在当前多媒体应用日益普及的背景下，搭建一个简易的流媒体服务器成为了许多开发者的需求之一。本文将详细介绍如何使用`...

grunt-server:基于grunt的server

06-30

Grunt 是由 Thomas Davis 创建的一个开源项目，它使用配置文件（通常是`Gruntfile.js`）来定义一系列的任务，这些任务可以是简单的文件操作，也可以是复杂的构建流程。Grunt 插件库庞大，覆盖了前端开发的各个方面，...

参与评论您还未登录，请先登录后发表或查看评论

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

键盘爱好者

01-16

1393

一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。安装 live-server安装方法这里-g代表全局安装，安装完成后，你就可以在任何地方使用命令了。安装后的验证安装完成后，可以在命令行中输入来查看 live-server 的版本号，如果能正常显示版本号，说明安装成功。环境变量问题Node.js 环境变量未配置正确。

本地测试服务器live-server

梦想是世界和平

04-25

701

安装 1.首先需要安装Node.js，相信童鞋们都已经装过了，没装的童鞋赶紧去下载安装。 2.打开命令行工具，输入命令npm i live-server -g。 3.然后输入命令live-sever启动使用输入live-server命令之后，默认会自动打开浏览器，并且访问8080端口。如果不想使用8080端口，那么可以通过命令–port=NUMBER来修改端口，比如–port=9999就会使用...

5分钟上手Live Server：让前端开发效率飙升的实时预览神器

最新发布

gitblog_00114的博客

10-26

451

Live Server是一款广受欢迎的Visual Studio Code插件，专为前端开发者打造，提供本地开发服务器和实时页面重载功能，让静态与动态网页的开发迭代变得前所未有的流畅。无论是HTML、CSS还是JavaScript文件的修改，都能即时在浏览器中呈现效果，彻底告别手动刷新的繁琐流程。 ## ✨ 为什么选择Live Server？核心优势解析 ### ⚡ 实时预览，告别F5刷新传...

配置调试工具LiveServer服务器参数

qq_74629570的博客

09-22

868

配置LiveServer的默认端口、浏览器等

live server的安装配置过程

前端开发小白9527

06-14

2160

一、在vscode扩展中搜索live server，并安装二、打开命令面板，输入settings，点击首选项三、搜索live sever配置项，将左侧需要修改的配置项复制到右侧用户设置并修改四、设置完毕后，重启vscode，并选择需要浏览的文件，右键开启服务，就可以在浏览器中浏览网页啦版权声明：本文为优快云博主「zhouwei_doris」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.n..

vsc live server 代理设置

a314753967的博客

09-12

6069

设置，首选项 { "liveServer.settings.host": "localhost", "liveServer.settings.proxy": { "enable": true, "baseUri": "/", "proxyUri": "http://192.168.0.1:8

ly-live-server：基于Java的RTMP流媒体服务器开发中

“ly-live-server: Java暗示的rtmp服务器”是一个基于Java语言开发的实时流媒体传输服务器项目，专注于实现RTMP（Real-Time Messaging Protocol）协议，用于支持音视频数据的实时推流、拉流与分发。该项目目前仍处于...

微信小程序实时音视频功能简析(live-pusher与live-player)

热门推荐

sinat_33255495的博客

04-10

2万+

使用须知 2017年下半年，微信6.5.21版本支持在线音视频功能。开发者可以通过两个音视频组件和实现实时地在线直播、视频通话、语音通话等功能。上述功能需要用到两个小程序媒体组件中的两个： live-pusher 与 live-player 。下文简单介绍两这个组件的基础知识。仅可以带你入门，如果是高手请绕行。注册小程序注册小程序请单击微信公众平台，完成注册后，在小程序管理页面的【开...

nginx-rtmp-server

10-11

在Windows环境下，Nginx-RTMP Server的配置相对简单。首先，你需要下载包含Nginx和RTMP模块的预编译版本。这个压缩包“nginx-rtmp-server”应该包含了所有必要的文件。解压后，通常会有一个`nginx.conf`配置文件，这...

harmonyos2-gulp-live-server:实时为您的nodejs/静态应用提供服务

07-01

和声2 吞咽实时服务器您会喜欢的一个方便、轻量级的服务器。安装用法提供静态文件夹（ gls.script <'scripts/static.js'> 用作服务器脚本） var gulp = require ( 'gulp' ) ; var gls = require ( 'gulp-live-server' ) ; gulp . task ( 'serve' , function ( ) { //1. serve with default settings var server = gls . static ( ) ; //equals to gls.static('public', 3000); server . start ( ) ; //2. serve at custom port var server = gls . static ( 'dist' , 8888 ) ; server . start ( ) ; //3. serve multi folders var server = gls . static ( [ 'dist' , '.tmp' ] ) ; se

Live Server(实时服务器)

guoqkmiss的博客

06-28

5878

Live Server(实时服务器) 两个原因： file://由于安全限制，AJAX请求不适用于该协议，即，如果您的站点通过JavaScript获取内容，则您需要一台服务器。文件更改后自动重新加载页面可以加快开发速度。安装 npm 安装 npm install -g live-server 手动模式 git clone https://github.com/tapio/live-server cd live-server npm install # Local dependencies if

VS code Live Server插件设置默认浏览器为Google Chrome（一名小白的记录）

zyh20041111的博客

05-12

579

找到Custom Browser，更改选项为chrome，大功告成！插件->设置->拓展设置。

Visual Studio Code之对Live Server插件的使用方法

xs2322050203的博客

02-18

3979

下载插件打开vscode，点击图中的地方，并在输入框中，输入Live Server，选择最上面的，点击install 进行配置 View->Command Palette… 在搜索框中，输入settings（原本漠然有个>)，选择Open Settings(JSON) 将如下代码放在配置中，默认配置文件中为空 { "liveServer.settings.port"...

VS Code -- Live Server

2301_76778596的博客

03-16

3969

Live Server插件用来自动加载热部署前端页面相关的文件（.html/.js/.ts/.css），简单来说就是：快速启动本地服务，自动监听，不需要刷新就能更新内容。有了它之后调试前端页面再也不需要不停地手工去点击浏览器上的刷新按钮。

vs code安装配置live server配置Browser浏览器、改Port端口号、改Host地址

残阳曦月

06-02

1万+

vs code安装配置live server配置Browser浏览器、改Port端口号、改Host地址一、vs code扩展搜“Live Serve”，安装即可二、点击查看扩展，找到Live Server，点击【设置】按钮，选-【扩展设置】三、配置自定义（浏览器、Host、Port）1、配置默认浏览器打开2、配置修改Host地址为localhost（默认127.0.0.1）3、配置固定端口号为8080（默认为5500）一、vs code扩展搜“Live Serve”，安装即可二、点击查看扩展，找到Li

web服务器live-server教程

上班摸鱼随笔

05-16

1009

一、安装需要安装nodejs及npm工具使用命令行全局安装```npm install -g live-server``` 二、使用在html文件夹下运行cmd命令```live-server```，默认端口号为```8080``` 如需自定义端口号则命令为```live-server --port=9090``` ...

VS CODE 配置 live server 和 Open PHP/HTML/JS In Browser 和PHP debug 及 javascript debugger 和launch.json 及

12-05

2258

VS code 完美解决HTML JS PHP调试环境 debug配置