gulp安装

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.csdn.net/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个插件的安装。

你可能感兴趣的:(gulp安装)