gulp学习和问题记录

1、首先查看自己的node和npm版本

2、全局安装gulp

cnpm install gulp -g

查看是否正确安装：命令提示符执行gulp -v，出现版本号即为正确安装

 

3、E盘新建一个文件夹demo2,在对应目录下执行cnpm init

4、执行成功后，会发现demo2文件夹下多了一个package.json文件

5、在demo2下，新建一个gulpfile.js文件。

6、新建上图中，任务针对的文件index.scss

 

7、执行任务，如图。报错

 

原因：没有局部安装gulp

8、执行命令：cnpm i gulp -D

 

可以看到新增了node_modules文件夹

9、安装gulp-sass插件

 

成功后，可以关注下package.json,多了一个gulp-sass的配置

10、运行gulp testSass

 

编译成功后，可以看到src目录下，多了一个index.css文件