gulp代码压缩管理工具

简单的Gulp项目部署

一、安装node.js

1、 下载node.js傻瓜式安装（一直点下一步就好咯）

2、 安装完成后运行cmd打开window的命令行

3、 在命令行中输入node-v查看当前node版本号，如果有则安装成功（恭喜啦~）

二、gulp部署项目文件夹（前提准备）

1、在桌面新建getstart文件夹，并且按以下目录新建次级文件夹：

 

2、哈哈哈~其实你只要把我给你的文件夹复制到桌面就好！

3、既然我给你了文件夹，那你可以省略接下来的100步啦~

三、配置npm环境（在我给你的文件夹下进行配置）

1、输入cmd打开window命令行

2、由于npm服务器在国外，网络影响大npm服务器在国外，网络影响大，甚至还会遇到需要翻墙才能下载插件的情况，因此推荐安装cnpm。

3、在命令行中输入npm install -g cnpm –registry=https://registry.npm.taobao.org

4、执行cnpm-v显示版本号即安装成功

5、以后所有的命令行的首单词全部由npm改为cnpm啦！（记住啦哈~）

四、安装gulp（先在命令行中的地址指定到我给你的文件夹中）

1、全局安装gulp： cnpm install gulp–g

2、执行 gulp -v 显示版本号即安装成功 然后输入cnpm install gulp在项目中安装gulp

3、手动创建package.json配置文件并且敲入自己要的一些简单的命令

4、会用到的功能：

 

5、如果你懒的话直接用cnpm init命令，会帮你直接安装一些简单的功能

五、因为在我的文件夹中已经帮你配置好了一切，现在你可以直接开始用了（到这里基本配置就结束了接下来就是各个文件的功能）

基本插件安装：

npm install --save-dev require-dir
npm install --save-dev gulp
npm install --save-dev gulp-less
npm install --save-dev gulp-watch
npm install --save-dev require-dir
npm install --save-dev gulp-clean
npm install --save-dev gulp-rev 
npm install --save-dev gulp-rev-collector
npm install --save-dev gulp-sync

 

npm install gulp-minify-css --save-dev

npm install --save-dev gulp-uglify

npm install --save-dev gulp-imagemin

 

直接运行gulp为项目添加版本号，gulp deploy打包压缩

下一次为大家详细讲解每个文件的作用。

 这里是代码文件：链接: https://pan.baidu.com/s/1b60hsi 密码: by47