前后端分离——前端开发环境傻瓜式一步到位 nodejs ruby python nginx 安装搭建配置

前端开发环境一步到位

一、准备工作

nodejs安装

1.下载最新：下载地址：https://nodejs.org/en/download/   

 安装：next->next....

Ruby安装

2.下载最新：下载地址：https://www.ruby-lang.org/zh_cn/downloads/

安装：next->next....

需要配置到path：将安装目录复制到环境变量中，跟jdk环境变量配置一样。

注意下一步：

 

 

Python安装

3.下载2.7.11：下载地址：https://www.python.org/downloads/

安装：next->next....

需要配置到path：将安装目录复制到环境变量中，跟jdk环境变量配置一样。

Nginx安装

4.下载2.7.11：下载地址：http://nginx.org/en/download.html

解压（不需要安装）

 

SVN下载项目地址

5.将项目更新到想要存放的目录下 （一般项目都会放在svn等托管工具下，当然如果在本地，就不㤇下载项目了）

 

二、开始CMD~~~~

6.----------------------------------------------------------------更改配置文件

CMD命令> gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/

7.----------------------------------------------------------------安装 sass 工具

CMD命令> gem install breakpoint

CMD命令>  gem install compass-normalize

 

在SVN更新的目录下，例如C:\Users\Administrator\Desktop\56kuaiche

CMD命令>  npm install 

CMD命令>  npm install susy

CMD命令>  npm install -g gulp    （设置gulp为全局变量）

三、端口配置

8.更改配置文件D:\nginx-1.8.0\conf\nginx.conf

第43行：

location / {

proxy_pass http://localhost:8080;

}

location /shipper/ {                    

proxy_pass http://localhost:3000;   

}

-------注意在tomcat目录加上你的项目路径，比如shipper

-------注意修改server端口，例如3000         这两个配置同时复制到43行以后，根据自己需要设置，如果设置不正确则会导致404

四、测试环境

9.

启动  eclipse-----------------shipper项目

10.

启动nginx：在nginx目录下双击nginx.exe

11.

在SVN更新目录下执行CMD命令gulp（编译操作）

 

12.

打开浏览器：localhost

可以咯~ 

 

手码不易，转载请注明地址~谢谢——杨春炼