位置: 编程技术 - 正文

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

  • 税务局退回个税会计分录
  • 未交增值税借贷方负数表示
  • 何谓运输,交通和交通运输
  • 回购股票不注销没有意义
  • 季节性临时工是不是可以不上社保
  • 综合所得减除费用标准是什么意思
  • 小规模纳税人免税怎么做账
  • 收到代发工资的信息
  • 母公司给子公司开票会有税务风险吗
  • 怎么强调各个分公司之间无直接联系
  • 减免教育费附加和地方教育费附加
  • 筹建期结转损益吗
  • 个税退税入账
  • 工地用材料如何分类
  • 银行客户专用回单分录
  • 房屋及建筑物原值计算
  • 地税印花税怎么算
  • 软件开发工资低
  • 固定资产清理产生的费用
  • 电梯管理费属什么类别
  • 本年利润在借方表示什么意思
  • 运费用会计分录
  • 企业出售自用汽车
  • 房屋租赁收入确认条件新准则
  • 收到投资分红怎么做账务处理?
  • w10触摸键盘
  • 营业收入与营业成本之间的差额是
  • 苹果 macOS 13.3 开发者预览版 Beta 2 发布
  • 根据完工进度确认成本
  • PHP:pg_lo_seek()的用法_PostgreSQL函数
  • 收到银行存款利息会计分录
  • element_ui
  • PHP:realpath_cache_get()的用法_Filesystem函数
  • 与资产相关的政府补助所得税处理
  • codevein配置要求
  • 圣米厄尔教堂
  • yii gridview
  • 危废处理需要哪些手续
  • web自动化测试项目
  • 结算备付金管理办法(2019年修订版)
  • 织梦上传图片大小设置
  • 超出python用什么
  • 银行日记账跨月登记方法
  • 一般纳税人简易征收最新政策
  • 开发无形资产过程中发生的支出计入什么科目
  • 一般纳税人增值税减免政策2023
  • 企业所得税季度申报表怎么填
  • 工程赔付款属于什么科目
  • 其它收益和递延收益的区别
  • 待抵扣进项税额和待认证进项税额的区别
  • 对方多开票怎么处理
  • 财付通支付的优缺点
  • 房产契税什么时候退税
  • 农业生产成本核算方法
  • 应收利息可以计提坏账准备吗
  • 劳务费收入交印花税吗
  • 电子银行回单可以作为凭证吗
  • 如何制作会计账簿
  • 在mysql中使用视图的限制
  • mysql获取今天数据
  • anddroid.process.acore进程停止什么意思
  • winxp系统怎么设置开机密码
  • win8 更新
  • 如何找回windows删除的文件
  • 安卓手机屏幕不好使了怎么办
  • win10自带终端
  • 你不一定知道的地方
  • js函数详解
  • 完美解决gvim的菜单乱码问题
  • 下载python教程
  • linux shell脚本编程100例
  • js实现左右拖动功能
  • angular卸载
  • Python 正则表达式的高级用法
  • javascript用户名验证
  • python写脚本教程
  • 企业所得税调整情况说明
  • 广东税务怎么查社保缴费明细
  • 福建省纪检委网站
  • 云南省国家税务局电子税务局官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设