首页 > 代码库 > gulp

gulp

安装node.js,检查是否安装可用npm/npm -v

使用淘宝镜像
npm install cnpm -g --registry=https://registry.npm.taobao.org
检查cnpm -v

全局安装gulp
npm install gulp -g
检查gulp -v

来到本地路径,创建工程配置文件
npm init
本地路径下会有package.json文件,需要将安装组件或者插件的依赖写入这个文件
写入依赖的组件或者插件可通过npm install命令找回

本地安装gulp并将依赖写入package.json
npm install gulp --save-dev

在gulp管理的根路径下创建gulpfile.js文件
需要在gulpfile.js写任务执行gulp的功能

 

 

 

-------------------------------------------------------------
node.js使用淘宝镜像
>npm install cnpm -g --registry=https://registry.npm.taobao.org
查看是否安装好
查看版本
npm -v
cnpm -v

安装gulp
全局安装gulp
npm install gulp -g

来到本地路径,创建工程配置文件
npm init

本地安装gulp
npm install gulp --save-dev
让package.json依赖于gulp

安装package.json中依赖了的组件
npm install

安装服务的插件
npm install gulp-connect --save-dev

合并文件的插件
npm install gulp-concat --save-dev

压缩js文件的插件
npm install gulp-uglify --save-dev

给文件重命名的插件
npm install gulp-rename --save-dev

压缩css文件的插件
npm install gulp-minify-css --save-dev

npm install gulp-sass --save-dev

启动webserver插件
npm install gulp-webserver --save-dev

 

注:

1.所有文件位置 相对于 gulpfile.js

/ 根目录
./ 当前目录
../ 父级目录

附常用规则:
  * 匹配0或多个除了 / 以外的字符
  ? 匹配单个除了 / 以外的字符
  ** 匹配多个字符包括 /
  {} 可以让多个规则用 , 逗号分隔,起到或者的作用
  ! 出现在规则的开头,表示取反。即匹配不命中后面规则的文件

2.操作时 命令行 : gulp + name


3.查看所有安装的插件 npm list

gulp