位置: 编程技术 - 正文

在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)

  • 中型企业的标准是什么 划分标准
  • 印花税核定依据和核定比例
  • 附加税税率分别是多少
  • 税务机关如何处理公司多交税
  • 利润表主营业务成本怎么算
  • 公司给员工发放福利的说辞
  • 合并报表是按年还是按月
  • 股票交易费用计入
  • 自然灾害造成的房屋损失怎么处理
  • 交通费补贴报销的会计分录怎么做?
  • 置换回房产怎么过户
  • 建筑业预缴附加税分录
  • 增值税税负率计算器
  • 工程结算收入要交税吗
  • 技术开发加计扣除
  • 内账一定要权责发生制吗
  • 银行借款用于在建工程
  • 一般纳税人有进项无销项
  • 大额保险缴费
  • 生产的废料怎么做账
  • 代订机票的电子专用发票可以抵扣吗
  • 防火墙老是弹出来怎么弄
  • 电脑装机光盘
  • 怎么光驱重装系统
  • php文件可包含哪三部分代码
  • 当月发生的费用下月支付
  • 冲减备用金该怎么做账
  • 折旧提取后资金如何处理
  • 招行网银专业版怎么登陆
  • php调用图片
  • laravel sqlserver
  • uniapp自定义tabbar功能
  • php的session和cookie实现登录
  • 增值税业务发生的时间
  • 残保金怎么计算公式
  • vue脚手架配合springsecurity
  • python中的count函数
  • 所得税申报表上的营业成本怎么填
  • 可供出售金融资产的会计处理
  • 增值税增量留抵退税政策2019
  • 新收入准则修订的目的
  • java 访问者模式
  • java中空字符怎么表示
  • mysql随机密码怎么看
  • 报销人和经办人的含义
  • 产品成本计算的分类法适用于( )
  • 租赁中承租人的会计分录
  • 新入股公司股权转让
  • 营改增租金收入税率
  • 去年购进的货物怎么做账
  • 存量资金上缴财政怎么做账
  • 汇算清缴水电费没有发票填在哪里
  • 清算资金往来借贷方什么意思
  • 一般纳税人购入固定资产进项抵扣
  • 企业开办费计入什么科目
  • 小规模印花税怎么报
  • mysql分区分表原理
  • php连接mysql数据库的几种方式及区别
  • sql教程
  • 清空数据库中所有表的数据
  • windows软件类型最新版本
  • centos5.10安装
  • jinjia.exe进程
  • win7虚拟内存如何转移到D盘
  • macos邮件
  • win7笔记本电脑
  • win8 开始
  • linux 746
  • [置顶]电影名字《收件人不详》
  • 批处理/d
  • shell批量执行curl
  • js实现功能
  • js随机生成一个整数
  • 如何动态加载外部文件
  • 四川税务局发票下载
  • 河北省税务局对外公开电话
  • 一般纳税人按季申报的行业
  • 南京电费余额查询
  • 票折与票扣的区别在哪里
  • 抚顺交车辆购置税在哪交
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设