前端构建工具gulp的使用介绍及安装流程

2023-05-27 0 275

他们时常把整套后端组织工作业务流程江苏舜天队用辅助工具搞掂的部份用辅助工具搞掂,也是将后端开发业务流程、控制技术、辅助工具、实战经验等制度化、控制技术标准。常用的后端工程建设智能化辅助工具:grunt、gulp,webpack等。接下去就给我们单纯如是说呵呵gulp。

gulp是两个智能化辅助工具,后端开发者能采用它来处置常用各项任务:

构筑Web伺服器

文档留存时手动空载应用程序

采用预CPU如Sass、LESS

强化天然资源,比如说填充CSS、JavaScript、填充相片

类似于gulp的辅助工具,他们一般来说称作构筑辅助工具或是叫智能化构筑辅助工具。

前端构建工具gulp的使用介绍及安装流程

一、gulp的竞争优势

1、单纯

标识符强于实用性、node最差课堂教学、简化的API集,gulp让组织工作空前的单纯。

2、高效率

如前所述node强悍的流(stream)潜能,gulp在构筑操作过程中并不把文档立刻载入硬盘,进而提升了构筑速率。

3、生态

遵循严格的准则,确保他们的插件结构单纯、运行结果可控。

二、gulp的加装

1-项目中采用gulp 先创建两个文档夹gulptest作为项目的跟目录。

2-在根目录下执行 npm init 命令, npm init命令会为你创建两个package.json文档,这个文档留存着这个项目相关信息。比如说你用到的各种依赖(这里主要是插件)。

3-加装gulp

npm install gulp -g 将包加装到全局环境中(全局加装命令行中能采用gulp命令)。简写(npm i gulp -g)(全局加装)。

npm install gulp –save-dev 加装到本地目录,同时将加装信息载入package.json中,简写(npm i gulp -D)(局部加装)。

注:由于网络时常不好,考虑把npm换成国内的源,能采用nrm切换软件源。

npm install -g nrm

nrm ls 查看所有的支持源(有*号的表示当前所采用的源,以下[name]表示源的名称)。

nrm use [name] 将npm下载源切换成指定的源,能切换为淘宝的伺服器或是cnpm的伺服器。

如果直接在终端中采用npm install 命令,会去查看package.json 中加装信息(项目依赖),手动加装需要的包。

想要掌握并熟练运用gulp,你需要提前加装nodeJS并了解npm,而掌握nodeJS你需要了解Web后端基础知识点,由此可见后端入门单纯精通难。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务