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

参考: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
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

 

 

 

 

 

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页