live-server的安装

本文介绍了live-server插件,它能实现修改文件浏览器自动刷新、自动打开项目及搭建本地临时服务。还详细说明了其安装步骤,包括先安装node.js,再安装live-server,最后自动生成package.json,同时提及了环境变量设置和测试方法。

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

一、关于live-server的介绍

live-server插件实现了——修改文件浏览器自动刷新;浏览器自动打开项目;本地开发搭建临时的服务。

 

二、关于live-server的安装

1:安装node.js

在官网http://nodejs.cn/download/ 选择自己对应的版本进行下载并安装,我下载到了D:\Program Files\nodejs

在电脑属性-高级系统设置-高级-环境变量-系统变量-Path中增加node.js的安装路径D:\Program Files\nodejs
在cmd中输入node -v检查是否成功安装,显示版本号则安装成功
2:安装live-server

以管理员运行cmd
进入Vue项目所在目录输入npm install -g live-server 进行安装,不要关闭cmd
在电脑属性-高级系统设置-高级-环境变量-系统变量-Path中增加路径D:\Program Files\nodejs\node_global
继续回到cmd,输入live-server,项目下的index.html会被直接打开
3:自动生成package.json

 


初始化:
npm init

安装
npm install live-server -g

测试
live-server --port=8081

查看路径,设设置环境变量
npm config ls
C:\Users\xbx\AppData\Roaming\npm

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

十&年

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

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

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

打赏作者

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

抵扣说明:

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

余额充值