本篇内容主要讲解“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<name>[-g][--save-dev]命令即可使用npm安装插件
•<name>为node插件名
•-g为全局安装,全局安装可以通过命令行在任何地方调用该插件,而非全局安装只会安装在当前定位目录的node_modules文件夹下,通过require()方法进行调用
•--save将配置信息保存到NodeJS项目配置文件package.json中
•-dev将配置信息保存至package.json文件下的devDependencies节点
有了package.json的配置信息之后,我们就可以通过npminstall命令,一键下载package.json配置信息里的所有插件包
如果需要删除插件包,可执行npmuninstall<name>[-g][--save-dev]命令,而不要直接删除本地插件包,借助rimraf可以删除所有的插件包,通过命令npminstallrimraf-g安装rimraf之后,执行rimrafnode_modules命令
到此,相信大家对“Gulp是什么”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
本文题目:Gulp是什么-创新互联
文章链接:https://www.cdcxhl.com/article10/ggido.html
成都网站建设公司_创新互联,为您提供标签优化、ChatGPT、营销型网站建设、网页设计公司、服务器托管、网站改版
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联