使用live-server踩过的坑

首先要使用live-server这个工具必须先安装node和npm，这2个工具的安装方式请自行查找资料

1.安装live-server

在命令行中输入：npm install -g live-server

npm WARN deprecated opn@6.0.0: The package has been renamed to `open`
C:\Users\Administrator\AppData\Roaming\npm\live-server -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\live-server\live-server.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\live-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
安装过程出现上述代码，则表示安装成功

在命令行中运行：live-server

提示：live-server不是内部命令，什么鬼？

不是内部命令那就配置环境变量吧。

上面安装成功时，提示安装的路径是C:\Users\Administrator\AppData\Roaming\npm\live-server

那就把这个路径配置到环境变量上试试，

只要在path中添加C:\Users\Administrator\AppData\Roaming\npm就可以了，然后点击各种“确定按钮”

重新开启一个命令行再执行live-server

这是出现这个情况，好吧，8080端口被占用，那就修改live-server的服务端口吧，

从上面的安装成功代码中可以看到，还有一个路径

C:\Users\Administrator\AppData\Roaming\npm\node_modules\live-server\live-server.js

进入目录 C:\Users\Administrator\AppData\Roaming\npm\node_modules

打开index.js文件

全文搜索8080字眼，把他改成一个8099或者你喜欢的端口，前提是这个端口没有被占用。查看端口是否被占用请自行查找资料

保存关闭index.js文件

再次在命令行中输入live-server，这次自动打开了一个浏览器，展示的就是你当前的所在目录的文件信息。如果需要打开静态网页，就可以切到网页文件所在目录下，然后再使用live-server命令。这样就可以打开你想打开的静态网页了。