web前端開發環境搭建

操做系統：windows

 

一、JDK

　　截止至目前，JDK最新版本爲1.8，下載地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

　　下載下來是一個exe文件，雙擊運行安裝便可；

　　安裝完成後需配置環境變量，怎麼配置環境變量？網上教程一大堆，這裏再也不敖述；

　　安裝成功檢驗方法：

　　　　打開cmd，輸入java -version 回車，若出現如下輸出則表示安裝成功：

　　　　

二、NodeJS

　　官方下載地址：https://nodejs.org/en/

　　下載完成後雙擊運行安裝

　　安裝成功檢驗方法：

　　打開cmd，輸入node -v回車，若出現如下輸出則表示安裝成功：

　　

　　或輸入npm，若出現如下輸出則表示安裝成功：

　　

三、Ruby&SASS

　　因爲sass是基於Ruby實現，故需安裝Ruby環境，和Java差很少。

　　安裝教程：http://www.w3cplus.com/sassguide/install.html，發現這個教程不錯，就再也不重複描述了；

　　安裝成功檢驗方法：

　　打開cmd，輸入sass -v回車，若出現如下輸出則表示安裝成功：

　　

四、Grunt

　　Grunt依賴nodeJS，全部必須先安裝node環境；　　

　　安裝Grunt實際上是安裝Grunt CLI

　　　運行命令：npm install -g grunt-cli （可能須要管理員權限）

　　　上述命令執行完後，grunt 命令就被加入到你的系統路徑中了，之後就能夠在任何目錄下執行此命令了；

　　Grunt在具體項目中使用的時候是做爲插件安裝的：

　　　　npm install grunt --save-dev

五、Gulp

　　Gulp依賴nodeJS，全部必須先安裝node環境；

　　全局安裝Gulp

　　　運行命令：npm install --global gulp

　　具體項目中Gulp也是作爲插件來使用的：

　　　　npm install --save-dev gulp

六、Apache配置

　　移動端測試的時候因爲惱人的緩存問題，不能及時看到文件修改後的效果，經過設置服務器的文件過時時間能有效避免這類問題

　　打開Apache安裝目錄下conf/httpd.conf文件，找到「LoadModule expires_module modules/mod_expires.so」這一行，把前面的#號去掉；

　　而後在該行下邊添加以下代碼：　

　　　　<IfModule mod_expires.c>
　　　　　　ExpiresActive On
　　　　　　ExpiresDefault "access plus 1 seconds"
　　　　</IfModule>

　　找到DocumentRoot，設置其值爲你的工做目錄，這樣你工做目錄的文件就直接發佈到Apache文件目錄下了；

　　

　　Google Chrome去緩存的方法：

　　　　打開網絡監控面板，勾選disable cache選項，這樣Chrome就不會使用本地緩存了