本地编译 gulp 项目

来源:互联网 发布:整容锥子脸 知乎 编辑:程序博客网 时间:2024/05/23 15:26

1、安装node

window下,下载node安装即可,以支持 npm 指令。 node下载地址:http://nodejs.cn/download/ 安装比较简单,基本一直下一步即可,安装路径随意。
安装完成后,终端输入如下命令 显示版本号即安装成功。
node -v

查看 npm 版本:
npm -v

查看 npm 所使用的库:

npm config get registry

如果返回的结果是 https://registry.npmjs.org/,这是一个国外的库,很卡,有时候连接会不成功,请换成国内的库,命令如下:

npm config set registry https://registry.npm.taobao.org

注意使用 npm config get registry 查看是否修改成功。

2、全局安装gulp

cnpm install gulp -g

检测gulp是否安装成功
执行 gulp -v 显示版本号即安装成功

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

3、编译项目

使用 cd 命令进入需要编译项目的本地目录,在该项目的根目录下查看是否存在 package.json 配置文件和 gulpfile.js 文件。

注:package.json是基于nodejs项目必不可少的配置文件,而gulpfile.js是gulp的配置文件。

如果不存在,则该项目不可以使用 gulp 进行编译。

如果存在,cd 到该项目的根目录下,运行以下命令,就可以进行编译了。

gulp
相当于:
gulp default

如果需要运行该项目的其他 task,使用如下命令即可:

gulp task名