live-server 服务的启动方法

最新推荐文章于 2025-11-21 09:28:04 发布
原创 最新推荐文章于 2025-11-21 09:28:04 发布 · 4.5k 阅读 · 5 ·
CC 4.0 BY-SA版权
_格鲁特宝宝原创，转载请务必注明出处
文章标签：

#live-server

本文介绍如何使用live-server命令行工具快速启动本地Web服务器。通过npm安装live-server后，可在命令行输入live-server启动，默认监听3000端口。若同时运行多个项目，可通过--port参数指定不同端口号避免冲突。

安装

npm install -g live-server

使用

在命令行中输入 live-server

如果同时启动多个项目，为防止冲突，可以分配不同的端口号

live-server --port=8082
live-server --port=8090

 

如何通过live-server部署启动前端工程
我能在河边钓一整天的鱼
02-11 2195
目录 为什么要搭建前台系统 创建工程 导入静态资源 安装live-server 安装live-server 运行 设置通过域名访问 配置nginx反向代理 测试 为什么要搭建前台系统 门户系统面向的是用户，安全性很重要，而且搜索引擎对于单页应用并不友好。因此我们的门户系统不再采用与后台系统类似的SPA（单页应用）。 依然是前后端分离，不过前端的页面会使...
live-server启动https
junfoon的博客
11-30 1181
【代码】live-server启动https。
Live Server 终极配置指南：5分钟快速搭建前端开发服务器
最新发布
gitblog_01085的博客
11-21 920
Live Server 是Visual Studio Code中备受推崇的开发服务器插件，为前端开发者提供实时重载功能的本地服务器环境。无论你是初学者还是资深开发者，这款免费工具都能大幅提升你的开发效率。 ## 🔥 为什么选择Live Server？ 在开发过程中，频繁刷新浏览器查看代码变化是极其耗时的。Live Server通过智能文件监控技术，自动检测代码更改并立即在浏览器中反映出来，让
live-server之小白入门
qq_42806214的博客
08-11 1386
作用： 可以在浏览器中进行预览你的项目 用法： 安装： npm install --save-dev live-server (报错的话使用 cnpm代替 npm) live-server默认的入口文件是根目录下面的index.html文件，如果要换成其他文件夹下面的文件，需要在package.json文件中修改："scripts": { "live": "live-server ./dist" } 配置完后就会在dist文件下寻找 index.html文件 默认端口号是8080 ，避免冲突.
live-server启动一个本地服务器（手机访问）
热门推荐
L凯的博客
04-22 1万+
 开启本地服务器     通常我们写一个项目时需要开启一个服务器移动设备访问测试，那么如何开启一个本地服务器并且手机可以放呢，那么就可以用live-server来开启一个服务器。    通过以下三步就可以啦1，首先安装live-servernpm i -g live-server(安装之前首先你得有npm工具，)安装完成之后，就可以在你项目根目录中开启命令行输入:（必须进入你项目的根目录）live...
VScode中html网页, 用Live Server启动怎么操作
weixin_42584507的博客
02-14 2166
要在 VSCode 中使用 Live Server 启动 HTML 网页，需要执行以下步骤： 在 VSCode 中打开要启动的 HTML 文件。 在 VSCode 的侧边栏中找到扩展(Extensions)，并安装 "Live Server" 扩展。 安装完成后，打开 HTML 文件，在编辑器的右上角会出现一个 "Go Live" 的图标，点击后即可启动 Live Server。 Live...
使用live-server快速搭建本地服务器+自动刷新的方法
11-26
安装完成后，你可以直接在项目目录下启动`live-server`。进入你的项目文件夹，然后在终端中输入： ``` $ live-server ``` 这个命令会启动一个服务器，并默认打开浏览器，显示当前目录下的`index.html`文件。...
live-server-5.7.9.vsix
07-19
2. Marketplace地址：https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer 3. Github地址：https://github.com/ritwickdey/vscode-live-server.git 4. 插件功能：实时服务器 5. 插件介绍：...
精选资源
ubuntu-18.04.5-live-server-amd64.iso
04-02
2、安装：要想让你的电脑从U盘启动，有两种方法，一种是在BIOS里修改启动顺序；另一种是开机时按某功能键（具体决定于机型，通常是F2），然后选择从哪启动）。成功从U盘启动后你将看到如下界面。默认选项为“试用...
手动实现简单Live-server. 开启本地服务器 node
bao
04-29 858
需求 在本地通过 http 的方式来访问 打包后的vue项目 打包后的文件直接在浏览器中打开会是 以 file:// 开头的, 打开之后文件引入的路径就出现了问题. 导致页面显示空白, 资源路径错误等问题. 使用 http 的方式访问, 以解决以上问题. 环境需要 node 在打包后的 dist (打包后的文件夹名称) 下新建, app.js (自己随意命名) app.js 内容 var http = require('http') var fs = require('fs') // 操作文件
live server使用
wzp20092009的博客
04-02 6338
Launch a development local Server with live reload feature for static & dynamic pages。 简而言之，一个开服务展示静态或者动态页面的本地服务器。 在线安装 vscode在 扩展Extensions 中搜索 Liver Server，选择并安装它。 最新的版本不需要配置setting首选项那些了。 选择具体的页面，右击文件选择 Open with Liver Server 服务器就启动了，所选择浏览的页面也会在.
VSCode Live Server 插件安装和使用
呆萌很的博客
01-08 7019
VSCode Live Server 插件安装和使用
live Server安装使用
weixin_47768980的博客
07-07 1814
live-server可以帮助我们在网页开发中开启一个实时的服务以方便我们可以实时查看开发的网页，更主要的是开发移动端的时候在同一局域网下我们可以通过本地在手机上访问网页效果。我们就可以通过生成的地址去访问，当然也可以通过本地id加55656端口号进行访问，如果想用其他端口号可以在运行live-server的时候用--port的方式指定端口号。安装完之后就会有live-server的命令然后我们在需要启动服务的根目录输入cmd回车。然后输入live-server命令回车。
live-server 启动命令
qq_42958772的博客
12-02 1308
live-server
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...
Gateway服务网关
讨论与分享
09-16 958
Gateway 概述 Spring Cloud Gateway 是 Spring Cloud 的一个全新项目，该项目是基于 Spring 5.0，Spring Boot 2.0 和 Project Reactor 等响应式编程和事件流技术开发的网关，它旨在为微服务架构提供一种简单有效的统一的 API 路由管理方式。 简而言之，Gateway网关是看门大爷，谁能调用服务，去哪调用服务都得问过他， 网关是微服务的统一入口 1.功能特性 网关的核心功能特性： 请求路由 权限控制 限流 架构图： 权限控制：网
linux下载live-server
hu27
02-26 911
安装前端服务 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 这一步一定要先关掉第一步时的终端，重新开一个终端 nvm install node 下载 npm install -g live-server 进入templates这个文件夹，启动服务器 li...
软件使用-VSCode插件
XuMiao_的博客
05-11 419
软件使用-VSCode插件 本文参考链接 - Live Server使用 换台电脑之后,发现以前的插件一脸懵逼,都不记得怎么装的怎么设置了.随手记一下,以后慢慢补 汇总 PS: 详细太多没人看 打开VSCode安装插件快捷键 Ctrl + Shift + X 1. Chinese (Simplified) Language Pack for Visual Studio Code 2. ...
启动一个live-server服务器咋么启动
06-13
要启动一个 live-server 服务器，你需要先安装 Node.js。在安装完成后，你可以通过 npm 命令来安装 live-server： ``` npm install -g live-server ``` 安装完成后，你可以通过以下命令来启动 live-server： ``` ...
评论 10
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_格鲁特宝宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值