创建cordova项目
项目 创建 Cordova
2023-09-11 14:17:57 时间
PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本,低开发周期,轻量化等优点,这些咱暂时也没法证明,略过不表。但是有一条跨平台,却是很明显的优势。因为它采用HTML5+JavaScript的模式来开发应用。PhoneGap用JavaScript统一封装了几大平台的本地api(Andriod,IOS,WP8/7,WINRT)等等。。这样的话从一个平台移植到另外一个平台只需要把HTML代码跟JS原封不动的拿过去,打包一下就可以了。PhoneGap后来被Adobe收购,然后又贡献给了开源社区,现在由Apache管理,改名cordova。
本文主要介绍 cordova 在mac 系统下 创建iOS 项目的过程,及创建过程中出现的问题及解决。
cordova 官方文档 http://cordova.apache.org/docs/en/latest/guide/cli/index.html
个人总结的步骤为
1安装Node.js
2. 安装XCode
- 打开“终端”,输入: xcode-select --install
- 输入:npm install -g ios-sim,若报错,则需要用sudo npm install -g ios-sim
- 输入:(sudo) npm install -g ios-deploy
- 输入:sudo npm install -g cordova (卸载用npm uninstall cordova -g)
- 输入:cordova create myapp(WebApp)
- 输入:cd myapp
- 输入:cordova platform add ios (若报错,则需要注册, http://register....)
- 输入:cordova build ios
- 双击 .xcodeproj 打开文件
- 再去developerz中添加App ID,添加Certificate,下载,然后在Provisioning Profiles--Distribution中设置信息文件到本地,要有证书,也要有说明文件
- 内置浏览器插件:cordova plugin add cordova-plugin-inappbrowser
在使使用 cordova 创建iOS 工程时 会出现 bash:
cordova: command not found;
环境变量没有设置出现的问题
在终端输入 export PATH=$PATH:/usr/local/lib/node_modules/cordova/bin
在终端输入
echo "$PATH" 查看是否已经添加cordova 的环境变量
这时便可以创建iOS项目了
相关文章
- 图文详解 IntelliJ IDEA 15 创建普通 Java Web 项目
- 使用IDEA创建SpringBoot项目出现intellij idea No active profile set, falling back to default profiles: default
- 创建Visual studio项目模板 vstemplate关键点纪要
- vue项目.eslintrc格式化
- weex 项目开发(三) weexpack + weex-ui
- vue.js+koa2项目实战(二)创建 HeadBar 组件
- Xamarin.Forms项目无法添加服务引用
- 实习证明| 大数据在线实习项目意义
- django之创建第10-1个项目-图片上传并记录上传时间
- django之创建第8-1个项目-数据库之增删改查/数据库数据显示在html页面
- django之创建第5个项目-条件语句
- 为什么 StackOverflow 上的代码片段会摧毁你的项目?
- 《精通 ASP.NET MVC 5》----2.2 创建新的ASP.NET MVC项目
- IDEA创建JAVA项目常见问题:找不到或无法加载主类 Main的解决办法
- Qt编写的项目作品6-可视化大屏电子看板系统
- IntelliJ IDEA 如何在同一个窗口创建多个项目
- 从github上下载项目到eclipse
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- ERP项目实施心得分析
- Django+Vue项目学习第二篇:vue项目创建
- 【强烈推荐】非常有用的开源项目软件集合
- 项目中的.Net
- 【项目】护康云垫——坐垫上的个人健康管家
- IDEA从零到精通(15)之IDEA中创建maven项目