live-server踩坑~

首先介绍live-server的安装和使用

安装

1、live-server是依赖于nodejs的,所以在安装live-server之前确保已经安装了nodejs,检查是否安装nodejs

打开cmd:

live-server踩坑~_第1张图片

输入node -v 检查是否安装nodejs

live-server踩坑~_第2张图片

已经安装了node的情况下,使用npm install -g live-server全局安装live-server,已经安装了就不用再安装了,安装成功会显示一个版本号和其他信息

使用

使用live-server,在项目跟目录下打开cmd,或者将已打开的cmd切换到项目根目录下,我比较喜欢直接在项目根目录下直接cmd,避免了输命令出错还节约时间,在根目录下按住shift键,点击鼠标右键,会有个在此处打开命令窗口,对,点它家快速打开了,输入命令live-server就可启动服务了~如下图,运行成功之后会自动打开浏览器,如果想在手机上访问,将前面的127.0.0.1改成自己的IP就行了。

live-server踩坑~_第3张图片

是不是发现每次打开都是127.0.0.1开头的,自己改ip很麻烦。只需要一步,轻松搞定:找到live-server的index.js

live-server踩坑~_第4张图片

修改里面的127.0.0.1为自己的IP就可以了

踩坑

明明自己已经安装了live-server是不是还会出现不适内部命令或外部命令,没关系,小场面!冷静的打开我们的系统环境变量,检查path中的路径是否包含live-server的安装路径,不包含的话,配置一下就可以了,下面是配置步骤:
首先找到live-server安装路径,如果想不起了就问计算机,通过where live-server命令,下面就是我的全局路径,

live-server踩坑~_第5张图片

然后根据路径去找到包含live-server的文件夹,复制发哦path就可以了,打开path的步骤:计算机点击右键-》属性-》高级系统设置-》环境变量->path

live-server踩坑~_第6张图片

如果这个都设置了还不行的话,再检查一下你node的安装路径有没有设置成环境变量,步骤也是where node 找到之后复制路径到path,跟上面一样,到这里肯定没问题了,电脑肯定能访问了,如果手机和电脑连同一个WiFi都不能访问,检查手机ip和电脑ip是不是同一个网关,电脑怎么看ip我就不说的,大家都知道,手机看ip,设置-》dian-》wlan-》点击你连接的WiFi就会显示IP地址。看ip的前三段是不是一样的,不是一样的就手动修改电脑的ip地址,修改好之后,重启项目下的live-server就可以了。

以上都是我自己在使用中遇到的坑~希望对大家有帮助

 

你可能感兴趣的:(live-server,前端本地服务器,踩坑)