- gulp的执行依赖于node.js,所以我们先安装node.js
[node.js官网] (nodejs.org/en/) 下载结束后直接默认安装即可
打开终端输入
#在终端中输入下面命令来确认node是否安装成功
> node -v
# 输出版本号则说明安装成功。例如:v10.16.3
- 全局安装gulp, 以便于我们可以在终端中执行gulp命令 (sudo启用超级用户权限需要输入密码)
sudo npm install -g gulp
# 确认安装是否成功
gulp -v
# 输出版本号则说明安装成功。
如npm下载过慢(理论上半分钟即可安装完毕)请移步最下方补充内容
以上两个步骤,在同一台主机上安装过一次之后就不需要多次安装了
- 将终端的路径切换到项目根路径并创建package.json文件
先在终端输入cd,然后将你想设置的文件夹拖入终端,这样就把终端的路径切换到了项目的目录,例如
cd*这里有空格*
/Users/gavin/Desktop/practise/taobaobao
而后执行(sudo同理需输入密码),将我们的项目初始化为一个node的项目
>sudo npm init
- 在第3步生成的package.json的同级路径下,创建一个文件gulpfile.js
- 本地安装gulp,目的是能够在gulpfile.js中使用gulp提供的功能
##同上输入 cd 你的路径
sudo npm install gulp
- 写gulpfile.js的代码
具体内容看gulpfile.js文件
7.在终端中输入
cd 你的路径
gulp<任务名称>
补充:
- npm是什么? node package manager,node包的管理工具,它可以从服务器下载包,并安装到本地主机上。gulp,就是服务器上的一个包。因为服务器在国外,我们在下载时,可能会受到各种限制。所以,我们可以从中国的镜像服务器下载。我们可以选择淘宝的npm镜像服务器
你可以首先检查一下你的源是不是淘宝的镜像源
npm config get registry 如果不是的, 更换成淘宝的源
npm config set registry registry.npm.taobao.org 配置后再通过下面方式来验证是否成功
npm config get registry 这样还不行的话 用cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org 安装完后,cnpm install
这两个原理实际上是一样的
多次下载失败,可以考虑使用下面命令(清除以前你下载的npm 缓存)
npm cache clear --force