gulp(1)--安装

1、安装node.js
2、终端,查看node -v,出现版本号,说明已经正确安装node.js。npm -v查看npm的版本号。(和node.js一起安装的)
3、使用npm安装cnpm,一个npm的镜像

npm install cnpm -g --registry=https://registry.npm.taobao.org

我命令行运行最后饱了错,提示权限问题。所以使用了sudo重新安装

sudo npm install cnpm -g --registry=https://registry.npm.taobao.org

然后cnpm -v 查看一下

完美安装了。
4、全局安装gulp(为了通过他执行gulp任务)

sudo cnpm install gulp -g

查看sudo gulp -v 安装正确
5、新建package.json文件
先定位到项目的根目录,然后cnpm init
然后就开始输入一些package里面的json信息。包括,name,version,description,entry point(入口文件创建的gulpfile.js)。最后信息填写完成,显示Is this ok?<yes>输入了y之后结束。
6、安装gulp插件
定位到项目根目录,然后cnpm install --save-dev,安装插件,例如cnpm install --save-dev gulp-compile-handlebars
7、新建gulpfile.js文件
创建一个gulpfile.js文件,放在了项目根目录下面。gulpfile.js是配置文件(我还不太明白这个配置文件为什么要作为入口文件),在这个配置文件里面导入工具包,创建任务。
8、运行gulp。
使用webstorm运行项目。找到gulpfile.js文件,右键找到“show gulp tasks”打开gulp窗口。然后选择相应的任务进行双击运行。

注:转载:http://www.ydcss.com/archives/18 详细教程链接,我安装gulp时的参考教程!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 5,211评论 0 13
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,862评论 1 32
  • 简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发...
    情怀水岸阅读 4,264评论 0 5
  • 什么是GULP? GULP 是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能 对...
    碧玉含香阅读 3,868评论 0 0
  • gulp简介 gulp,是基于nodejs的前端自动化构建工具,用于压缩项目文件,合并文件,部署等,简言之,就是解...
    小兴nice阅读 4,636评论 0 4

友情链接更多精彩内容