gulp

零:gulp是什么

gulp是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。如在我们修改保存了代码之后,只需要刷新页面酒可以看到效果。

一:安装gulp

  在安装gulp之前要安装node,因为npm安装插件是从国外服务器下载,可能被墙了。

  淘宝为便利广大程序员提供了一个完整 npmjs.org 镜像

  官方网址:http://npm.taobao.org

  安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org

  注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误 

   注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。

  什么是全局安装?

  在项目目录中执行以下命令:

cnpm install gulp -g  或者 cnpm install gulp --global

  全局环境下安装gulp,目的在于能够在命令行中使用gulp命令执行gulp。

  通过cnpm  root -g 查看在全局环境下安装的路径:

/usr/local/lib/node_modules

   什么是本地安装?

  在项目目录中执行以下命令:

cnpm install gulp 或者 npm install gulp --save-dev 或者 npm install gulp --save
cnpm install gulp --save     自动把模块和版本号添加到packjson.json文件中的dependencies部分
cnpm install gulp --save-dev 自动把模块和版本号添加到packjson.json文件中的devdependencies部分


什么要先全局安装再本地安装?

  -全局安装是为了可以通过命令行执行gulp命令。而且如果有多个项目都需要使用gulp,只需要全局安装一次即可。

  -根据项目情况,我们一般会选取gulp插件通过require()的方式引入到gulpfile.js中,如果只使用全局安装,需要手动配置路径来解决模块引入问题。通过在本地安装gulp可以很好的解决这个问题。

  -本地安装可以让每个项目都有一个独立的包,并且组织各个包之间的依赖。不受全局包的影响。换句话说,如果只在全局安转gulp,那么会造成多个项目共用同一个版本的gulp。

  -方便项目的打包,复制等操作。 

posted @ 2017-08-14 22:48  陈婉君  阅读(142)  评论(0编辑  收藏  举报