前段時間做一個項目,試著用gulp來構建前端代碼。今天簡單總結了一下:

一:安裝gulp環(huán)境

  1. 安裝node 

    在node官方文檔下載匹配的版本  我下載的是如下圖的版本。http://nodejs.cn/download/

    seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

  下載好以后, 可以一直點擊下一步,進行默認安裝

  seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

  安裝好以后,在控制臺輸入cmd,打開命令提示符,輸入node -v  查看node是否安裝成功以及node的版本。

  seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

  2.全局安裝gulp

    在命令提示符中時輸入 npm install gulp -g

    seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

二:項目流程

  1.生成項目所需的package.json文件

    比如:我的本地項目放在D:\maxiaodan\project\webapp這個目錄下,找到這個目錄,在地址欄輸入cmd,或者通過cd命令,進入項目的目錄。

    輸入npm init ,一直按enter鍵,自動生成package.json文件(一個node package有2中依賴,一種是dependencies:依賴的項是正常運行該包時所需要的依賴項。一種是devDependencies:開發(fā)時需要的依賴項,像一些單元測試之類的包。如果只是單純的使用這個包而不需要進行一些改動測試之類的,可以只安裝dependencies)

    seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

    生成的package.json文件如下圖所示:

網(wǎng)友評論