1. 程式人生 > >webstrom配置使用之git和gulp

webstrom配置使用之git和gulp

1、官網下載webstorm最新版安裝到自己的電腦上(Activity Code中給出序列號);

2、關於git的配置:

【1】下載並安裝git;

【2】File-Setting搜尋git,在Git介面設定你的安裝路徑:

啊啊

這樣git就配置完成了!

3、關於gulp的安裝和配置:

【1】理解gulp:

       gulp是基於Nodejs的自動任務執行器,基本流程就是先安裝nodejs,通過nodejs的npm全域性安裝和專案安裝gulp,其次在專案裡安裝所需要的gulp外掛,然後新建gulp的配置檔案gulpfile.js並寫好配置資訊(定義gulp任務),最後通過命令提示符執行gulp(webstorm神器更簡單)。

  安裝nodejs就不說了,一步步預設,開啟cmd控制檯,直接檢視node版本,檢測是否安裝成功。

啊啊

 全域性安裝gulp,出現warn不要緊,等他慢慢轉,表示正在聯網下載...

npm install -g gulp

  全域性安裝完成後,通過cmd進入專案目錄建立package.json檔案,這是基於nodejs專案必不可少的配置檔案,它是存放在專案根目錄的普通json檔案:

  

  直接在後面加上 -y 會自動生成,省去一步步的選擇填空操作。

  接著在cmd專案目錄下開始本地安裝gulp各種外掛,在這裡找你需要的外掛。有四個是用得最多的,必備的

    1、語法檢查   (gulp-jshint

    2、合併檔案   (gulp-concat

    3、壓縮程式碼   (gulp-uglify

    4、檔案重新命名   (gulp-rename

  就拿gulp-jshint舉例吧,在cmd專案目錄下輸入

npm install gulp-jshint --save-dev

  --save-dev 是可以省掉你手動修改package.json檔案的步驟,正常情況下得連同版本號手動將他們新增到模組配置檔案package.json中的依賴裡

  

  安裝配置完成,要開始寫程式碼啦。