位置: 编程技术 - 正文

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

  • 自来水厂会污染水源吗
  • 为员工集中购买医疗保险
  • 固定资产原值包含进项税吗
  • 小规模开票软件怎么下载
  • 商业折扣和销售折让计入财务费用吗
  • 眼镜所属行业怎么填写
  • 小企业会计准则和企业会计准则的区别
  • 销售自用旧机动车辆的税务处理
  • 钻井勘探支出已费用化的探井
  • 二房东转租如何办理营业执照
  • 简易征收进项税额转出什么意思
  • 从国外购进样品要交税吗
  • 去年福利费今年怎么算
  • 企业接受捐赠是营业收入吗
  • 材料暂估价比例
  • 小规模企业给别人开16万增值税专用发票
  • 销售额增加10%什么概念
  • 营业执照里承办什么业务
  • 土地配套费如何缴纳
  • 分公司不独立核算怎么报税
  • 个人转让上市公司股票交增值税吗
  • 会计调账有哪些方式
  • 加工费计入应付账款可以吗
  • 购进原材料科目
  • 应交税费应交增值税的三级科目有哪些
  • google搜索打不开怎么办
  • 代扣代缴返还的手续费科目
  • 招待客户住宿费可以抵扣进项税吗合理吗
  • 向非绑定账户转账超限是什么意思
  • php输出mysql查询结果
  • 会计中记账凭证的名词解释
  • 包装物损坏无法确认
  • pdf.js原理
  • php数组函数输出《咏雪》里有多少"片"字
  • 蚊子叮咬怎么办手抄报
  • 审核凭证的操作步骤
  • 转让土地需要办什么手续
  • yii框架搜索分页modle写法
  • vue设置背景图片透明度
  • CNN卷积神经网络/手写数字识别[VHDL][MATLAB]带源码
  • nmap的命令
  • python安装后找不到了
  • Homoiconicity
  • 行政事业单位慰问外单位
  • 小规模企业利息收入要交税吗
  • 初识SQLITE3数据库
  • 小规模纳税人销售商品会计分录
  • 计提工资大于发放工资,所得税汇算要调整吗
  • 股东有本金偿还的权利吗
  • 信息技术服务费的税率是多少
  • 出售子公司股权给其他公司
  • 增值税计税销售额的确定
  • 企业清算是怎么做账的
  • 其他应收款期末借方余额表示什么意思
  • 投资性房地产抵债怎么做账务处理
  • 小规模纳税人购进税控收款机
  • 支持疫情的句子 关于抗击疫情的句子
  • 收到个人款怎么做分录
  • 其它应付款核销法律意见书
  • 公司原股东转让全部股权误把认缴金额写成转让金额
  • 阿里云centos7安装图形界面
  • 微软宣布Q3推出MRTKV3工具包
  • linux系统中cron命令
  • 系统备份恢复系统
  • 重装windows764 位后后如何将apache mysql加入系统服务
  • 双硬盘需要设置主从盘吗
  • mac最近使用的文稿打不开
  • centos安装教程详解
  • windows疑难解答在哪里
  • windows8怎么设置
  • android 图像处理
  • 深入浅出javascript
  • 安全模式安卓
  • 浅蓝色html代码
  • 安卓判断横竖屏
  • 黄金消费税税率是多少
  • 以划拨方式取得土地使用权的,转让房地产时
  • 建筑装饰业发票怎么开
  • 税务工作者发展现状
  • 公司买车购置税怎么做账
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设