第一步：安裝node.js，如果nodejs安裝在C盤(pán)，在其他盤(pán)也可以查到版本號(hào)，那么可以不用配置環(huán)境變量，如果查不到需要配置環(huán)境變量。例如：C:/PRogram Files/nodejs

第二步：全局安裝gulp%20 命令：npm%20install%20-g%20gulp

第三步：更改鏡像，命令為：npm%20install%20-g%20cnpm%20 --registry=https://registry.npm.taobao.org

第四步：新建package.json文件，命令：cnpm%20init

最后輸入yes保存，這是通過(guò)cnpm創(chuàng)建的package.json文件，也可以在本地根項(xiàng)目錄上創(chuàng)建

第五步：安裝gulp插件命令：cnpm install gulp --save-dev 

第六步：cnpm install gulp-sass --save-dev

第七步：創(chuàng)建gulpfile.js文件

//導(dǎo)入你所需要用的工具包 require('node_modules里對(duì)應(yīng)模塊')var gulp = require('gulp'),    sass = require('gulp-sass'); // sCSS 任務(wù)gulp.task('sass',function(){  return gulp.src('src/css/test.scss') //獲取該任務(wù)需要的文件      .pipe( sass() )                  //該任務(wù)調(diào)用的模塊      .pipe( gulp.dest('src/css') );   //將在 src/css 文件夾中生產(chǎn)test.css}); // 默認(rèn)任務(wù)gulp.task('default',['sass','watch1']); //監(jiān)聽(tīng)文件gulp.task('watch1',function(){    return gulp.watch('src/css/test.scss',['sass']);    //監(jiān)聽(tīng) src/css/test.scss 文件，修改時(shí)自動(dòng)執(zhí)行 sass 任務(wù)。});

最后是測(cè)試一下本地構(gòu)建的項(xiàng)目是否能夠跑起來(lái)：

我監(jiān)控的是sass文件，當(dāng)我在編輯器上修改test.scss文件時(shí)，在cmd上會(huì)發(fā)生變化