前端项目本地测试环境搭建
2016-07-31 18:05
267 查看
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。开启本地服务器,这时终端会显示监听的端口,然后就可以在浏览器上输入监听端口访问项目了。
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。开启本地服务器,这时终端会显示监听的端口,然后就可以在浏览器上输入监听端口访问项目了。
相关文章推荐
- JBOSS安装与配置搭建本地项目环境(方便前端开发调式)
- ShowSlow+Yslow页面前端性能测试环境搭建
- 如何使用Openshit开发项目和本地环境搭建
- 本地环境和测试环境搭建
- 实现项目本地,测试,生产3套环境
- 木瓜妮子多媒体开发教程---第一天---Android环境搭建和Helloworld项目测试
- (jenkins)hudson平台搭建android项目持续化集成以及基于NativeDriver的自动化测试环境
- XP系统下怎么在本地搭建php环境用来测试PHP程序
- 转 ShowSlow+Yslow页面前端性能测试环境搭建
- 分享几款一键搭建php本地测试环境工具
- 实现项目本地,测试,生产3套环境
- 分享几款一键搭建php本地测试环境工具
- OpenCart本地测试环境搭建WampServer教程
- Grunt+Livereload 搭建本地前端开发环境
- AngularJS初探:搭建PhoneCat项目的开发与测试环境
- 前端环境搭建——代码开发测试部署
- https,https的本地测试环境搭建,asp.net结合https的代码实现,http网站转换成https网站之后遇到的问题
- OpenCart本地测试环境搭建WampServer教程
- OpenCart本地测试环境搭建WampServer教程
- 搭建可调试的微信公众平台本地测试环境