前端开发环境一步到位

一、准备工作

nodejs安装

安装：next->next....

Ruby安装

安装：next->next....

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

注意下一步：

Python安装

安装：next->next....

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

Nginx安装

解压（不需要安装）

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 / {

}

location /shipper/ {

}

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

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

四、测试环境

9.

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

10.

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

11.

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

12.

打开浏览器：localhost

可以咯~

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