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。开启本地服务器,这时终端会显示监听的端口,然后就可以在浏览器上输入监听端口访问项目了。