win上gulp配置

主线:

安装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

posted @ 2017-06-03 10:34  最爱小虾  阅读(242)  评论(0编辑  收藏  举报