首先安装http-serve
打开cmder输入命令安装会很便利。
下面三行分别是对应的工具安装的命令行,任选一种如果是默认的就是第一行,不用指定目录,随便哪个当前目录都行:
npm install http-server -g
pm i http-server
yarn -g http-server
复制代码
我是输入第一条回车
以上选好命令运行安装
显示安装完成后,查看一下版本号,输入下面命令回车
http-server --version
复制代码
这一步可以发现报错

这里找不到c:\Users Administrator\AppData\Roaming\npm\node_modules\httr-server\bin\http-server文件,输入http-server -c-1启动http-server也是一样的报错·····
到所在目录查看一下,发现不存在http-serever文件夹

当时我是重新运行安装命令再次安装一下的,因为我也不知道是不是只是缺一个文件夹那么简单,看一下重新安装后的反馈

某些文件是exist即存在的,所以err提示,但是实际却不存在http-serever文件夹,手动到目录c:\Users Administrator\AppData\Roaming\npm\node_modules\里创建一个http-server文件夹(可能安装下载的读写软件缺乏权限,我们手动创建一个)

这时候往上走一层目录回到c:\Users Administrator\AppData\Roaming\npm
下图的hs开头的和http开头的这6个文件选择删除,没有的话可以忽略

这时候我们打开cmder输入之前的npm安装命令行进行安装,现在已经不会提示部分文件已存在了

回到文件夹里可以看到http-server里有内容了

好了,到这步基本成功了,只需要注意一下全局变量是否自动设置有。如果没有的话手动复制一下路径放入环境变量Path里。复制下面的路径:

c:\Users Administrator\AppData\Roaming\npm\node_modules\httr-server\bin
复制代码
然后打开我的电脑–>属性–>高级系统设置–>环境变量–>双击path–>新建–>粘贴复制的路径进去,然后每一步点击确定按钮结束选项框。

在cmder里面输入http-server --version 查询版本号,可以正常显示说明没有问题了

现在启动一下http-server,复制并输入下面的命令,可以看到http服务正常启动了,ctrl+单击 进行使用吧!
http-server -c-1
复制代码

每个人遇到的情况都会有差异,注意看一下erro报错,结合一下具体原因解决一下

本文指导读者如何在Windows上正确安装和配置http-server,包括遇到的路径错误、缺失文件夹问题,以及全局变量设置。通过详细步骤和解决技巧,确保http-server的顺利运行。
2031

被折叠的 条评论
为什么被折叠?



