前端项目本地测试环境搭建

2016.7.25入职跟谁学做前端，第一个周基本是在搭建环境。为了在本地测试，需要搭建本地服务器，然后将项目下载到指定文件夹中，再使用npm下载依赖包，最后就可以在项目的文件夹中开启服务器，然后在浏览器中输入本地服务器监听的端口就可以访问前端项目了。具体的环境搭建过程如下：（MAC）

1.搭建Apache和PHP环境，MAC一般自带Apache和PHP，需要简单配置一下即可，在终端中输入命令sudo vi /etc/apache2/httpd.conf更改配置文件，其中sudo是mac中获取权限的命令，vi是一个文本编辑器，输入上述命令后显示httpd.conf文件内容，然后利用vi的命令对其进行编辑，将#LoadModule php5_module libexec/apache2/libphp5.so前的“#”去掉，即取消注释。这样就配置成功了。

2.下载homebrew，homebrew是MAC的一个软件包管理工具，使用它可以方便地下载一些所需的软件。在终端中输入ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 即可下载完成。

3.下载node，在终端输入命令brew install node。

4.下载php55 cgi。由于该项目用到php cgi，因此使用brew安装php的新版本，好像没有办法单独安装php cgi。

5.使用git clone命令从github上下载项目到指定文件夹。

6.终端上进入指定文件夹，然后使用npm（下载node自带npm）下载项目所需的依赖包：终端输入命令：npm install。

7.安装edp。edp是一个项目管理工具和调试，可以使用它开启本地服务器。在终端输入命令：sudo npm i -g install edp edp-webserver，这样安装了edp和webserver命令（只下edp的话只有几个默认的命令，其它需要另下）。在安装过程中遇到一个问题，文档说如果先安装edp然后输入edp命令时会自动安装该命令，但是我在安装时一开始就是先安edp然后敲edp webserver命令，但是npm这时下载不了，然后我按ctrl+c停止之后npm就什么都下不了了。由于我不知道是不是node出了问题而且也不会完全卸载node所以只能重装系统，再装一遍，再装就是用npm把edp和edp-webserver命令一起装，就成功了。

8.终端进入到项目的文件夹中，输入命令edp webserver start。开启本地服务器，这时终端会显示监听的端口，然后就可以在浏览器上输入监听端口访问项目了。