广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 计算机学校 > 惠州计算机学校 > 正文

Web前端的gulp入门知识_惠州计算机Web前端培训学校

作者:黄君发布时间:2021-06-21分类:惠州计算机学校浏览:972


导读:我们经常把一整套前端工作流程中能用工具搞定的部分用工具搞定,也就是将前端开发流程、技术、工具、经验等规范化、标准化。常见的前端工程自动化工具:grunt、gulp,webpack等。接下来就给大家简单介绍一下gulp。

       我们经常把一整套前端工作流程中能用工具搞定的部分用工具搞定,也就是将前端开发流程、技术、工具、经验等规范化、标准化。常见的前端工程自动化工具:grunt、gulp,webpack等。接下来就给大家简单介绍一下gulp。

       gulp是一个自动化工具,前端开发者可以使用它来处理常见任务:

       搭建Web服务器

       文件保存时自动重载浏览器

       使用预处理器如Sass、LESS

       优化资源,比如压缩CSS、JavaScript、压缩图片

        类似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前端基础知识点,由此可见前端入门简单精通难。


点击咨询直接了解更多相关资料,我在惠州北大青鸟新方舟等你。

 

本文内容转载自网络,版权归原作者所有,如有侵权请联系我们进行删除。


标签:惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机Web前端软件开发惠州Web前端培训学校惠州Web前端培训Web前端基础教程Web前端是什么Web前端教程Web前端入门


惠州计算机学校排行
标签列表
网站分类
文章归档
最近发表