Mac OS下安装cordova开发编译环境

最新推荐文章于 2022-04-01 21:16:05 发布
最新推荐文章于 2022-04-01 21:16:05 发布
阅读量669 收藏
点赞数
分类专栏： Xcode运用 文章标签： ios cordova 技术 mac
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q408896553/article/details/51463083
版权
本文介绍了如何在Mac OS系统中安装并配置Cordova开发编译环境，包括安装Xcode、Node.js和Cordova，以及创建新项目、添加iOS平台和安装插件的步骤，以实现HTML5打包成iOS App。
摘要由CSDN通过智能技术生成

Mac OS下安装cordova开发编译环境

PhoneGap/cordova为代表的基于HTML5开发iOS/Android应用的技术，大大降低了手机App的开发门槛。虽然目前与原生的Object-C/Java开发的应用在性能上还有差距，但是对于一些网站客户端类的APP来说已经足够实用了。另外随着技术的进步，未来HTML5也许成为开发app的主流技术。

将html5打包成ios app，既可以选择appcan, build.phonegap.com这类的在线编译工具，也可以自己配置本地的xcode开发环境。虽然配置本地环境比较繁琐，但是灵活性更大，不会受制于人（很多在线打包网站，免费的服务有很多限制）。简单整理一下配置一个ios项目的步骤。

很多人使用黑苹果作为ios的开发环境，不过不建议这样做。将时间耗费在研究黑苹果上没什么意义。

  1. 在App Store安装xcode，最新版位6.0

  2. 安装node.js环境

官网： http://nodejs.org/

点击【install】，会下载mac的安装包。正常安装即可

  1. 使用命令行安装 cordova

官网： http://cordova.apache.org

命令行帮助：

最低0.47元/天 解锁文章
莫寂岚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cordova开发Hybird APP——开发环境安装
01-03
1. cordova简介 Apache Cordova是Apache基金会支持的一套开源移动APP的开发工具，其前身是phonegap。...2. cordova开发环境搭建 以android为例，完成开发环境搭建。需要依次下载安装： android SDK Tools Gradle N
VUE
qq_43620883的博客
03-11 927
vue 常用命令 node -v npm -v 配置淘宝镜像: 配置之后使用cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装脚手架: npm install vue-cli -g webpack安装: npm install webpack webpack-cli -g 创建项目 ： vue init webpack 项目名 vue ElementUI 安装 : npm i element-ui -S vu
npm安装软件遇到verb lock
qq_39664116的博客
01-18 5248
当npm安装软件遇到： / extract:vue-qriously: verb lock using C:\Users\Jun\AppData\Roaming\npm-cache_locks\staging-97d0 类似的 verb lock 解决办法： 修改 npm 的安装目录下的 npmrc文件 增加一条 registry=http://registry.cnpmjs.org $ npm config set registry http://registry.cnpmjs.org ...
osx项目安装cordova开发编译环境并创建项目
ABC__D的专栏
05-05 609
PhoneGap/cordova为代表的基于HTML5开发iOS/Android应用的技术，大大降低了手机App的开发门槛。虽然目前与原生的Object-C/Java开发的应用在性能上还有差距，但是对于一些网站客户端类的APP来说已经足够实用了。另外随着技术的进步，未来HTML5也许成为开发app的主流技术。 将html5打包成ios app，既可以选择appcan, build.phone
npm介绍
weixin_45774350的博客
11-09 1942
网上有很多资源都提供了同一种下载方式：npm，比如前端框架bootstrape、layui等。但是并没有告诉新人，npm是什么？npm的命令在哪里执行？npm的原理是什么?今天，我们就来聊一聊这个话题。 npm简介 npm,全称【node package management】，是nodejs内置的软件包管理器。毫无疑问，npm是用来管理软件包的。 它是世界上最大的软件注册表，每星期大约有30亿次的下载量，包含超过600000个包(包)(即，代码模块)。来自各大洲的开源软件开发者使用NPM互相分享和借鉴
读写锁 - linux内核锁（五）
生活需要深度
04-01 297
一、源由：为何引入Per-CPU变量？ 1、lock bus带来的性能问题 在ARM平台上，ARMv6之前，SWP和SWPB指令被用来支持对shared memory的访问： SWP <Rt>, <Rt2>, [<Rn>] Rn中保存了SWP指令要操作的内存地址，通过该指令可以将Rn指定的内存数据加载到Rt寄存器，同时将Rt2寄存器中的数值保存到Rn指定的内存中去。 我们在原子操作那篇文档中描述的read-modify-write的问题本质上是一个保持对
Vue.js 2.0和Cordova开发webApp环境搭建方法
01-19
3、开发系统：mac、windows等； 4、环境配置： node 6+ npm 3+ （最好下载Node.js官方最新版本） 、jdk1.8、SDK（请直接下载Androidstudio软件官方最新版本，已集成AndroidSDk，建议以默认路径安装） 。 二、系统...
cordova安装开发.docx
08-28
"cordova安装开发" cordova 安装开发是移动端开发技术中非常重要的一部分，该技术允许开发者使用 Web 技术来开发移动端应用程序。cordova 安装开发包含了详细的安装过程、资源下载地址、配置文件等重要内容。 ...
TypeScript入门失败之无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本问题解决
xtho62的博客
09-29 4327
今天根据官方指引Typescript入门案例时出现 进行全局安装了Typescript运行环境,运行时报错:系统上禁止运行脚本问题 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本 行吧frist，first不分。 解决方法： 以管理员身份开启Windows Powershell 然后回看见以下界面： 在此界面输入A或者Y回车即可，没报错就是执行成功 再次执行我first写错的ts文件。 同样的话，没报错
详解linux下fsevents模块引起的npm ls报错解决办法
01-10
有个项目在mac下开发，安装包npm i，一切正常； 把这个项目放到linux机器上，安装包npm i，报了一堆warning： npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {os:darwin,arch:any}
NodeJS、NPM安装配置步骤(windows版本)
hsany330的专栏
04-17 2428
1、windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。 2、安装过程基本直接“NEXT”就可以了。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C
cordova打包html项目的,cordova打包vue-cli项目简记（mac系统）
weixin_39629989的博客
06-11 152
一、cordova hello-world1.安装$ npm install -g cordova2.创建cordova工程$cordova create hello com.example.hello HelloWorld【说明】hello：cordova目录名称com.example.hello：包名HelloWorld：项目名(在config.xml的中查看)3.给项目添加平台(按需添加)...
npm安装包的时候报错
不想起床
04-29 974
今天通过npm安装mysql,但是报错 C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2019-04-29T13_32_09_630Z-debug.log 遇到报错，我都是翻译成汉语解决，注意箭头指向的地方，他的汉语意思是，大多数情况下，您处于代理的后面，或者当前网络环境较差。一句话就完事了，网慢 当你网络环境良好的时候，就...
Mac os下安装cordova开发编译环境（本人总结，仅供参考）
梦醒梦飞翔的专栏
04-08 2090
1、在APP Store安装xcode 最新版本6.0 2、安装node.js环境，官网:http://nodejs.org/点击install,会下载mac安装包，正常安装即可。 3、使用命令(终端)安装cordova，官网：http://cordova.apache.org/  命令安装指南:http://cordova.apache.org/docs/en/4.0.0//guid
关于npm的一些坑
lzh657083979的博客
01-07 2937
安装好nodejs之后，即便你安装到其他盘，但是path的目录依然是C:\Users\用户名\AppData\Local\atom\bin;C:\Users\用户名\AppData\Roaming\npm 查看全局安装的目录用命令查看 npm root -g 查看npm配置信息 npm config get cache npm config get prefix 默认的全局路径是C:\
搭建VUE脚手架的时候，fsevents报错问题；
热门推荐
pingyer的博客
08-26 2万+
一开始$vue init webpack [name]的时候并没有什么问题； 然后在npm install的时候莫名奇妙的有个错误：； 然后查阅了不少资料，成功解决此情况: 首先在package.json中加入如下配置： ； 接下来在webpack.base.conf.js中加入如下配置： ； 至于这个watchOptions是干什么的，我们来看文档：
npm的lock机制解析
weixin_34240657的博客
06-19 536
npm是什么 npm是一个包管理工具，开源作者可以把开源包发布在平台上供其他人下载使用。前端的同学基本都使用过npm，这里就不做过多介绍。日常工作中npm的主要用途就是根据项目的package.json使用npm install去安装依赖。 npm install可以说是我们使用最频繁的一个指令。在npm5版本之前,npm install会根据package.json指定的依赖版本去进行安装。但往...
安装vue-devtools的一系列问题...
weixin_45744265的博客
01-13 1032
一、无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。 解决办法: 1、检查是否安装了cnpm, 查看一下你是否安装了cnpm npm list --depth=0 -global 如果的确没有安装： 执行下面命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装以后终端输入指令cn...
MAC OS搭建Sencha Touch + Cordova混合应用开发环境
总结，配置MAC OS上的Sencha Touch + Cordova开发环境涉及多个步骤，包括安装必要的开发工具，设置Sencha Touch项目，以及配置Cordova环境。这个过程虽然相对复杂，但遵循上述指南，开发者可以顺利搭建起一个能够...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值