安裝：npm install gulp -g

進(jìn)入到本地項(xiàng)目目錄也需要安裝--save-dev

常見(jiàn)目錄結(jié)構(gòu)：

配置：

在文件根目錄下新建gulpfile.js。

引入gulp和常用組件；

定義gulp任務(wù)：

①定義gulp任務(wù)名稱

②寫(xiě)入資源入口.src（）

③執(zhí)行g(shù)ulp方法；.pipe(less());

④輸出文件.pipe(gulp.dest())

執(zhí)行g(shù)ulp 任務(wù);

gulp 任務(wù)名稱

監(jiān)聽(tīng)任務(wù)：

在命令行中執(zhí)行命令gulp 任務(wù)名稱（始終開(kāi)著，需要結(jié)束時(shí)結(jié)束）

less常用語(yǔ)法：

變量：

對(duì)于網(wǎng)站統(tǒng)一的顏色，字號(hào)，行高等樣式可設(shè)置一個(gè)變量。

變量用@開(kāi)頭。

混合：

將一些樣式封裝到一個(gè)class中，在需要這些樣式的地方，調(diào)用。

帶參數(shù)的混合：

樣式值通過(guò)函數(shù)參數(shù)傳入（less中的變量需要@標(biāo)記）

嵌套：（最為常用）

串聯(lián)選擇器，通過(guò)&連接

javascript表達(dá)式：