前端开发人员快速创建本地服务器

参考：https://www.jianshu.com/p/554c09c237f1

创建本地服务器的方法自己用过几种，比较来说node的http-server模块是最简单，最快速的（应该还有更好的）

也许你用过wampserver，phpnow等集成包创建本地服务器，使用过程中大家应该会遇到两个棘手问题：1.尤其windows环境下，莫名其妙安装不了，或者启动不了   2.phpnow需要环境配置，烦人

不铺垫了，直接上干货...

第一步  安装nodejs

官网地址：https://nodejs.org/en/

 

官网首页

下载官网推荐版本v.6.9.1

第二步  安装node

1.不管你是windows 还是 mac osx 环境下都是傻瓜式安装（懒得配了，按默认的来）

2.安装结束后，打开命令行工具

3.输入命令node -v 检测node是否安装成功，安装成功，会显示版本信息

4.输入npm -v 检测npm安装是否成功

 

安装成功

第三步  安装http-server模块

1.还是在命令行里操作，cd 命令进入你的一个项目文件，比如app文件夹是你的项目文件夹，cd app

2.输入命令 npm install -g http-server 安装模块，因为访问的是外网，下载有点慢，建议开启翻墙软件，我自己一直使用蓝灯这款轻量且免费的翻墙软件（推荐），一直处于翻墙状态，所以没遇到安装失败的情况

 

安装成功的状态

第四步  开启服务器

每次创建本地服务器的时候，用命令行，在自己项目目录下执行一次http-server就能轻松开启本地服务

超简单！！！

只要一行命令！！！

在命令行中输入http-server  就ok啦，本地服务器就开启啦，默认端口是:8080,在浏览器中输入localhost:8080就可以使用了

 

本地服务器成功启动

这篇文章是写给不会创建本地服务器的前端小白的...所以言语直白，呆傻萌，哈哈~

只要如上全局安装了httpserver，像这样npm install -g http-server，那么你就可以在任意项目下，通过cmd命令行工具，启动http-server，不像wampserver、phpnow之类的需要将项目指定放在安装目录下的制定文件夹下，十分不方便 

作者：Willworkgogogo
链接：https://www.jianshu.com/p/554c09c237f1
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。