位置: 编程技术 - 正文

在Mac OS上安装使用Node.js的项目自动化构建工具Gulp(苹果mac安装)

编辑:rootadmin

推荐整理分享在Mac OS上安装使用Node.js的项目自动化构建工具Gulp(苹果mac安装),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:苹果mac安装,macos安装程序,mac os 安装,mac上安装ios,mac os 安装,安装mac osx,安装mac osx,mac os 安装,内容如对您有帮助,希望把文章链接给更多的朋友!

安装 node.js首先需要安装 node.js, 通常情况下,只需要到 Node.js 官网下载安装包安装就可以了。不过我可耻的失败了,弹出了如下错误:

于是我换成了 brew 大法:

安装 Gulp

gulp 使用 Node.js 的 npm 命令安装:

然后在项目目录中还要安装一遍:

我对这步的操作比较费解。以我多年码农经验,即然全局安装过了,应该就可以在作何地方使用了。但 gulp 显然不是这样。如果不在项目目录中执行这一步,使用 gulp 命令时会提示以下错误:

… Local gulp not found in …

… Try running: npm install gulp

最后在项目目录中执行一下 gulp 命令,如果输出以下内容,那就表示安装好了:

… No gulpfile found

简单例子

在Mac OS上安装使用Node.js的项目自动化构建工具Gulp(苹果mac安装)

下面展示使用 Gulp 构建一个静态网站开发服务端,并且支持实时刷新(livereload)功能。

首先需要安装 livereload 的浏览器插件,插件地址: Chrome, Firefox, Safari 三大浏览器。插件安装后,会在浏览器上出现一个按钮,这个按钮有两个状态,实心圆点表示插件已启用,空心圆点表示插件未启用。切记切记!

然后创建一个简单的项目结构:

使用以下命令安装 gulp 和相关的组件:

gulp-connect 是 gulp 插件,提供了静态 web 服务端功能,并整合了 livereload 功能。

接下来需要编辑 gulpfile.js 文件,内容如下:

最后运行这个 web 服务器:

gulp打开浏览器,访问 index.html 文件的内容后保存,正常情况下,浏览器端应该会自动刷新并显示修改后的内容。

Gulp与Grunt简单对比让我们来看个范例,分别在Gulp及Grunt建构Sass:

Grunt:

Grunt需要各别配置外挂,指定其来源与目的路径。例如,我们将一个档案作为外挂Sass的输入,并储存输出结果。在设置Autoprefixer时,需要将Sass的输出结果作为输入,产生出一个新档案。来看看在Gulp中同样的配置:

Gulp:

在Gulp中我们只需要输入一个档案即可。经过外挂Sass处理,再传到外挂Autoprefixer,最终取得一个档案。这样的流程加快建构过程,省去读取及写出不必要的档案,只需要最终的一个档案。

Node.js Streams文件读写操作详解 Node.js天生异步和事件驱动,非常适合处理I/O相关的任务。如果你在处理应用中I/O相关的操作,你可以利用Node.js中的流(stream)。因此,我们先具体看看流

Nodejs全局安装和本地安装的不同之处 上一篇文章《Nodejs中npm常用命令详解》主要是整理了最常使用的npm命令及相关介绍,其中有提到全局安装(npminstallgulp-g)和本地安装(npminstallgulp),下图来

Nodejs中 npm常用命令详解 npm是什么NPM的全称是NodePackageManager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。npm

标签: 苹果mac安装

本文链接地址:https://www.jiuchutong.com/biancheng/370750.html 转载请保留说明!

上一篇:浅析Nodejs npm常用命令(nodejs oom)

下一篇:Node.js Streams文件读写操作详解(nodejs writestream)

  • 个税可以作废重新换电脑申报吗
  • 出口退免税管理工作规范2.0
  • 增值税认证勾选平台
  • 负债与所有者权益比率
  • 小规模纳税人预缴税款怎么填申报表
  • 企业公示实缴填写
  • 金税盘处于报税期不能开票是什么意思
  • 建筑业预收账款如何缴税
  • 委托开发费用免所得税和增值税
  • 会计录入凭证怎么录入
  • 企业对外借款是怎么规定的
  • 已认证已抵扣的发票对方要寄回吗
  • 实际缴纳增值税税额是什么意思
  • 劳务报酬属于公司员工么
  • 赎回股份是利好还是利空
  • 办公室装修计入什么科目里
  • vue获取当前页面请求头信息
  • 何为民办非企业
  • 银行代扣的年费怎么退
  • php字符串型数据的定义方式
  • 运输发票税金怎么算
  • 担保公司未到期责任准备金会计及税务处理案例
  • rgbt目标跟踪
  • php面向对象的三大特性
  • Vue2 Element description组件 列合并
  • 选项式api和组合式api哪个好
  • vue错误提示
  • 学习笔记:深度学习(2)——BP神经网络
  • 公司出资认缴和实缴的区别
  • 什么是增值税举个例子
  • 增值税销项税红字应如何报税
  • 房租费税金计入哪个科目
  • mongodb基本操作命令
  • 所得税汇算清缴前取得跨年发票
  • 生产辅助
  • 成品油红字发票开具后库存数量如何冲回?
  • 增值税进项发票勾选认证流程
  • 内资企业如何进国企
  • 预收货款开票怎么做账
  • mysql分页优化原理
  • 政府补助确认递延所得税负债
  • 公司的货款直接转给股东个人了,该怎么转到公司
  • 小规模纳税人技术维护费可以抵扣吗
  • 专利年费计入哪里
  • 保险公司 返点
  • 收到房租租金下什么科目
  • 劳务派遣公司收入确认税收政策
  • 小企业营业外收入包括
  • 固定资产开普票还是专票
  • 一年内到期的非流动负债是经营性负债吗
  • 财政非税收入支付平台
  • 库存股算什么科目
  • 如何抵扣不动产增值税
  • 案例分析以前年龄的变化
  • 财务费用中的利息费用指什么
  • 转账到银行卡是从哪转的
  • linux opencl
  • centos直接进入命令行
  • freebsd ports安装
  • 一步一步教会你走路
  • win功能下载所需文件
  • windows不能打开此文件result:31
  • win10弹出提示
  • wind8桌面
  • nodejs 代码加密
  • 怎样关闭android系统的内存不足的系统通知
  • html5字体闪烁
  • unity销毁预制体
  • node基础知识
  • 让图片跳跃起来怎么弄
  • 三分钟带你玩转灭火器
  • js怎么学扎实
  • javascript面向对象 第三方类库
  • 浅谈自己对教育的理解
  • android实时获取微信聊天信息
  • 国家税务局通用定额发票查询
  • 北京大兴国税局领导班子
  • 安徽省国家税务局电子税务局
  • 冻结银行账户属于什么
  • 销售土地使用权的税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设