前端開發環境一步到位

一、準備工作

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

可以咯~

手碼不易，轉載請注明地址~謝謝——楊春煉