gulp搭建

准备工作

https://blog.csdn.net/xiaomin_er/article/details/105188483

1.打开cmd，切换到需要搭建gulp的目录下

2.对页面进行初始化，输入 cnpm init,一路敲回车，自动生成package.json

3，下载安装gulp       

输入 cnpm install gulp@3.9.1  --save-dev，

打开package.json，会出现gulp 版本号等其他信息

4.全局安装gulp

输入npm install gulp -g

gulp -v检查是否安装成功 

5.要使用 gulp 去处理文件,需要在项目根目录下手动创建一个gulpfile.js的文件

6.安装第三方插件    如gulp-scss     gulp-minify-css     gulp-rename

输入 cnpm i gulp-scss  gulp-minify-css  gulp-rename -D

.如果gulp-scss出现错误，可以更替gulp-sass,下载gulp-sass插件    输入cnpm i gulp-sass -D

启动服务器的插件

cnpm i gulp-connect -D

7.我们可以在gulpfile.js文件中添加要执行的任务。写入以下代码：

[code]var gulp = require('gulp');

gulp.task('default', function() {
// 将你的默认的任务代码放在这
console.log('终于完成了~');
});

8.在cmd中执行gulp

gulp的运行环境就搭建完成

 

• 点赞
• 收藏
• 分享
• 文章举报

敏儿啦 发布了3 篇原创文章 · 获赞 1 · 访问量 212 私信 关注