gulp
零:gulp是什么
gulp是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。如在我们修改保存了代码之后,只需要刷新页面酒可以看到效果。
一:安装gulp
在安装gulp之前要安装node,因为npm安装插件是从国外服务器下载,可能被墙了。
淘宝为便利广大程序员提供了一个完整 npmjs.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。
-方便项目的打包,复制等操作。