前端搭建本地服务器

前端使用vscode编辑器，安装live serve插件

然后在vscode编辑器的右下角有 Go live 按钮，点击自动启动本地服务器

右键，使用Live Server打开；

1. 安装node.js；

2. 安装http-server

http-server详细介绍，包括参数等： https://www.npmjs.com/package/http-server

在命令行中安装到全局（-g表示安装到全局，之后所有文件夹路径下输入http-server都可以使用）：

操作： 运行cmd + 输入以下命令：npm install http-server -g （可能会出现权限问题，在npm前加上sudo）

3. 开启服务

进入目标文件夹（也就是需要启动服务的文件夹），shfit+右键 —— “在此处打开Powershell窗口”，输入如下命令：

hs -o （等同于 http-server -open）

本地服务器就启动起来了，默认端口为8080。

遇到问题：端口被占用，修改端口：hs -o -p 8888

完毕！！

1、安装全局anywhere，npm install anywhere -g

2、cmd中进入要启动本地服务器的静态文件夹，执行命令：anywhere；

3、anywhere的网址： https://www.npmjs.com/package/anywhere

作为前端开发搭建本地服务尤其重要，下边的方法三步完成服务器的搭建：

$ npm install http-server -g  // 全局安装http-server

$ cd demo2   // 打开要共享的文件

$ http-server // 搭建服务

https://segmentfault.com/q/1010000003926981

首行你要去注册一个花生壳帐号，这里就不写地址了，自己搜索一下。注册好后下载客户端，这个很重要，因为你要通过软件解析你的IP地址。如图

登录后，你就要去配置一下你的本地服务器软件了，现在常用的服务器组件有IIS，阿帕奇等，那今天我就用PHPNOW这个做一下演示。

首先到网站上下载一个phpnow服务器软件，按照软件要求进行安装。（官方有提供教程）很简单的。

安装后打开PnCp.cmd 新增一下虚拟主机（或是你默认一下）通过localhost或127.0.0.1可以访问，那就说明你配置没有问题了

因为国内的ISP把80端口封闭了，所以你要用其它的端口，如图：这里我用2099这个端口，如果你有用路由器的话你要设置一下转发。（让路由器帮忙解析到指定内网服务器）这一步很重要。

之后你还要开放一下这个端口2099，右击网上邻居-属性-更改防火墙设置--例外-增加端口

5

设置好后，你就可以输入XXX域名：2099，或是127.0.0.1：2099这样就可以访问了，外网访问的时候一定要加上：2099端口号。

---