macOS下gulp的配置

2,162 阅读2分钟
  1. gulp的执行依赖于node.js,所以我们先安装node.js

[node.js官网] (nodejs.org/en/) 下载结束后直接默认安装即可

打开终端输入

#在终端中输入下面命令来确认node是否安装成功
> node -v 
# 输出版本号则说明安装成功。例如:v10.16.3
  1. 全局安装gulp, 以便于我们可以在终端中执行gulp命令 (sudo启用超级用户权限需要输入密码)
sudo npm install -g gulp
# 确认安装是否成功
gulp -v
# 输出版本号则说明安装成功。

如npm下载过慢(理论上半分钟即可安装完毕)请移步最下方补充内容


以上两个步骤,在同一台主机上安装过一次之后就不需要多次安装了

  1. 将终端的路径切换到项目根路径并创建package.json文件

先在终端输入cd,然后将你想设置的文件夹拖入终端,这样就把终端的路径切换到了项目的目录,例如

cd*这里有空格*
/Users/gavin/Desktop/practise/taobaobao 

而后执行(sudo同理需输入密码),将我们的项目初始化为一个node的项目

>sudo npm init
  1. 在第3步生成的package.json的同级路径下,创建一个文件gulpfile.js
  2. 本地安装gulp,目的是能够在gulpfile.js中使用gulp提供的功能
##同上输入 cd 你的路径
sudo npm install gulp
  1. 写gulpfile.js的代码

具体内容看gulpfile.js文件

7.在终端中输入

cd 你的路径

gulp<任务名称>

补充:

  1. 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