http-server是一个简单的,不需要配置的命令行下使用的http服务器。类似的还有Xampp等。针对前端开发工程的代码不需要编译的特点,使用这种简单的服务器十分的便利。
1.安装这个首先要安装npm
npm install
https://www.npmjs.com
npm是一个js、mobile等等的包管理工具,通过命令 npm install
命令,可以很简单方便的安装各种软件包,比如grunt、http-server等等。
2 安装nodejs
node又是神马?是JS运行平台。使用c++编写而成,是一个js运行环境。
在官网下载dmg安装文件(https://nodejs.org/download/),下载后直接点击安装完成。
上述操作完毕,可以在终端下检验是否node已经安装完成。
node -v
npm -v
good~可以使用npm安装我们想要的http-server了
3. 命令行安装http-server
npm config set registry http://registry.cnpmjs.org
sudo npm install http-server -g
//-g 表示安装在全局,不只是当前用户能用。
//若果不加sudo有可能报错,所以还是加上吧
上面registry配置项本来默认的是访问国外的网址,安装超慢或者根本访问不到,所以存在安装超时的情况,因此加了一句配置将其改成了中国的域名,或者替换为淘宝的npm镜像http://npm.taobao.org/
常见的npm的命令:
npm -v
npm -g install npm@2.9.1 //(2.9.1是版本号)
Npm config set registry http://… //设置镜像
npm update -g npm
4.安装完成了,开始使用http-server。
将localhost定位到想要执行的目录下,
终端输入http-server -c-1
//不加载缓存,默认使用localhost和8080端口。
在浏览器中地址栏里输入网址:localhost:8080
加上index.html
(你要预览的文件),
例如输入localhost:8080/index.html
就可以访问该目录下的index.html文件了。