资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Gulp是什么-创新互联

本篇内容主要讲解“Gulp是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Gulp是什么”吧!

创新互联建站一直在为企业提供服务,多年的磨炼,使我们在创意设计,网络营销推广到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过十载以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务服务器托管成都app开发、手机移动建站、网页设计、网络整合营销。

Gulp是基于NodeJS的前端自动化构建工具,在项目开发过程中自动化地完成html/css/js/image/sass/less等文件的编译、合并、压缩、语法检查、浏览器自动刷新等重复性任务,在操作上使用了NodeJS中的stream(流),通过pipe()方法导入到指定的地方,将前一级的输出,作为后一级的输入,不再需要进行频繁的IO操作,但需要注意的是,这里的流内容,并非原始的文件流,而是一个虚拟的文件对象流(VinylFiles),存储着原始文件的路径、文件名、内容等信息

NodeJS安装Gulp

Gulp是基于NodeJS,所以需要安装Node和npm包管理工具,可根据自己的操作系统环境来下载相应的版本Node|Downloads

下载完成后,通过命令行查看NodeJS是否成功安装,Mac系统的命令行在终端(Terminal),Windows系统的命令行可通过window+r输入cmd运行

命令行启动之后,可通过输入命令node-v和npm-v分别查看NodeJS和npm版本号,显示版本号即为成功安装

npm介绍Gulp

npm(NodePackageManager)是随同NodeJS一起安装的包管理工具,用于node插件管理,包括插件的安装、卸载、管理依赖等

在命令行中执行npminstall[-g][--save-dev]命令即可使用npm安装插件

为node插件名

•-g为全局安装,全局安装可以通过命令行在任何地方调用该插件,而非全局安装只会安装在当前定位目录的node_modules文件夹下,通过require()方法进行调用

•--save将配置信息保存到NodeJS项目配置文件package.json中

•-dev将配置信息保存至package.json文件下的devDependencies节点

有了package.json的配置信息之后,我们就可以通过npminstall命令,一键下载package.json配置信息里的所有插件包

如果需要删除插件包,可执行npmuninstall[-g][--save-dev]命令,而不要直接删除本地插件包,借助rimraf可以删除所有的插件包,通过命令npminstallrimraf-g安装rimraf之后,执行rimrafnode_modules命令

到此,相信大家对“Gulp是什么”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


标题名称:Gulp是什么-创新互联
文章出自:http://cdkjz.cn/article/ggido.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220