gulp安装

博客介绍了Gulp的安装方法,包括全局安装和项目目录下安装,考虑到网络问题推荐用淘宝镜像安装。还提及在项目根目录创建gulpfile.js文件并配置,以及运行gulp的注意事项。此外,介绍了gulp-concat、gulp-uglify等多个插件的功能,并完成项目初始化和插件安装。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

cd C:\wamp\www\projectname\src
sass --watch sass/.:css/. --style expanded
gulp-concat:合并js
gulp-uglify:压缩js
gulp-rename:重命名
gulp-imagemin:图片压缩
gulp-sass : sass编译插件
gulp-minify-html/gulp-minify-css:压缩html和css
gulp-watch //添加此插件进行监听

一. gulp安装
npm install -g gulp 安装全局的gulp
npm install --save-dev gulp (新建目录—安装到项目目录下)
二.但是这样安装由于是外国的网,会很卡,所以不推荐上面的安装
下面用淘宝镜像进行安装
1.cnpm install:淘宝镜像 https://blog.youkuaiyun.com/quuqu/article/details/64121812
在运行中–cmd进入
npm config set registry https://registry.npm.taobao.org
npm config get registry
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.$ npm install --global gulp
全局安装
3.进入某个你开发的项目,在这个项目下载进行项目下的安装(如cd C:\wamp\www\projectname)
$ npm install --save-dev gulp
4.在项目根目录下创建一个名为 gulpfile.js 的文件:
var gulp = require(‘gulp’);

gulp.task(‘default’, function() {
// 将你的默认的任务代码放在这
});
这里如果开始的时候有自动生成的gulpfile.js可以先删除,然后再进行配置,用老师给的那个配置文件

5.运行 gulp:(如果有时候因为后面安装NVM的时候把node.js先给卸载了,你在回来运行项目的时候会找不到gulp所以你在该项目下在输入一次全局安装gulp----npm install gulp -g)
$ gulp
6.npm init
在项目中对其进行初始化

7.cnpm install gulp-concat gulp-uglify gulp-rename gulp-imagemin gulp-sass gulp-minify-html gulp-minify-css gulp-watch --save-dev
初始化完成对其进行8个插件的安装。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值