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

浙公网安备 33010602011771号