【gulp-sass】本地搭建sass開發環境

首先去官網下載一下nodejs。

而後安裝gulp：

    選擇一個目錄執行命令行：npm init，一直回車生成package.json文件

    再執行命令：npm install gulp --save-dev，安裝gulp依賴包到本目錄。（安裝成功）

    再執行：npm install gulp-ruby-sass --save-dev，安裝ruby-sass依賴包。（安裝成功）

    再執行：npm install gulp-sass，安裝sass依賴包。（安裝完成）

    在當前目錄新建文件：gulpfile.js （gulp的入口文件）

鍵入gulp任務代碼：

引入包->建立sass與watch任務

 

在命令行執行gulp watch：

進入gulp監聽sass狀態（保存scss文件，便可將執行sass任務）

 

如：這是scss，

將生成：這是css，