主线:
安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务
1,安装node.js
1.1、说明:gulp是基于nodejs,理所当然需要安装nodejs;
1.2、安装:打开nodejs官网,点击硕大的绿色Download按钮,它会根据系统信息选择对应版本(.msi文件)。然后像安装QQ一样安装它就可以了(安装路径随意)
2,gulp
2.1 node -v 查看安装的nodejs版本,出现版本号,说明刚刚已正确安装nodejs;
2.2 npm -v 查看npm的版本号,npm是在安装nodejs时一同安装的nodejs包管理器;
2.3 cd 定位到目录,用法:cd + 路径 ;dir列出文件列表;
2.4 选装 cnpm,(个人建议安装),原因:npm安装插件过程:从http://registry.npmjs.org下载对应的插件包(该网站服务器位于国外,所以经常下载缓慢或出现异常),解决办法就是选择安装cnpm。
2.4.1 官方网址:https://npm.taobao.org/;
2.4.2 安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org
; 注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;
注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm(以下操作将以cnpm代替npm)。
2.5 全局安装gulp;
2.5.1 说明:全局安装gulp目的是为了通过她执行gulp任务;
2.5.2 安装:命令提示符执行cnpm install gulp -g;
2.5.3 查看是否正确安装:命令提示符执行gulp -v,出现版本号即为正确安装。
终端:
跟mac上cd直接进入根目录的方式不同,win机上先输入文件的盘,回车后,再cd进入当前盘下面的根文件。
安装gulp插件:
cnpm install
gulp插件名称
--save-dev
参考地址:
http://www.ydcss.com/archives/18