2!gulp配置

1。首先需要node!

2。通过npm安装,但是安装很慢,使用cnpm!

注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。后面的演示均使用cnpm 注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。后面的演示均使用cnpm 注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。后面的演示均使用cnpm ===重要的事情说三遍===

【淘宝npm镜像,这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步】。 镜像地址:http://npm.taobao.org/

2.1安装cnpm

执行 

npm install cnpm -g --registry=https://registry.npm.taobao.org

2.2检测cnpm是否安装成功

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

3。全局安装gulp

3.1 全局安装gulp

执行

 cnpm install gulp -g

 

3.2检测gulp是否安装成功

执行 gulp -v 显示版本号即安装成功 

4。项目文件根目录新建package.json

注:package.json是基于nodejs项目必不可少的配置文件,它是存放在项目根目录的普通json文件重点内容

4.1进入你的项目文件

示例:进入 c:/test 项目文件夹中 

执行命令 cnpm init 来新建package.json

name:test 后输入项目名称

version 版本信息

description:描述信息

其他可以为空

最后:Is this ok?(yes)  输入yes 回车

4.3检测package.json是否成功新建

 查看项目文件根目录,是否新建package.json,且内容是否和你终端中输入的一致。 package.json内容如下:

{   "name": "test",  "version": "1.0.0",  "description": "test.js",  "main": "index.js",  "scripts": {    "test": "echo \"Error: no test specified\" && exit 1"  },  "author": "",  "license": "ISC"}

注:可不使用cnpm init方式,可选择手动创建package.json配置文件

5。本地安装gulp插件

注:全局安装gulp是为了执行gulp任务,本地安装gulp则是为了调用gulp插件的功能

进入你的项目文件路径中后,执行cnpm install gulp --save-dev 

6。安装gulp-sass插件(拿该插件进行示例)

进入你的项目文件路径中后,执行cnpm install gulp-sass --save-dev

posted @ 2016-11-30 12:58  王明明-  阅读(121)  评论(0)    收藏  举报