首页 > 手机专区 > 手机APP >

如何使用cordova创建一个简单的APP

来源:互联网 2023-03-03 23:37:41 442

百科显示: Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。lzT办公区 - 实用经验教程分享!

Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。lzT办公区 - 实用经验教程分享!

Cordova支持如下移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。lzT办公区 - 实用经验教程分享!

如何应用cordova创建一个简单的APP呢,步骤如下。lzT办公区 - 实用经验教程分享!

工具/原料

  • node
  • cordova

方法/步骤

  • 1

    首先下载安装nodejs,在node环境下,安装Cordova。lzT办公区 - 实用经验教程分享!

    在OS X和Linux系统时,在命令行输入'sudo npm install -g cordova'。lzT办公区 - 实用经验教程分享!

    在Windows系统时,在命令行输入'npm install -g cordova'。lzT办公区 - 实用经验教程分享!

    这里安装cordova模块都加上了'-g'全局安装。lzT办公区 - 实用经验教程分享!

    如何使用cordova创建一个简单的APPlzT办公区 - 实用经验教程分享!

  • 2

    接下来使用cordova创建App,在需要的目录中开启命令框,输入'cordova create hello com.example.hello HelloWorld',如下图所示,将在目录中创建一个以 hello 命名的项目。lzT办公区 - 实用经验教程分享!

    如何使用cordova创建一个简单的APPlzT办公区 - 实用经验教程分享!

  • 3

    之后所有后续命令都需要在创建的项目目录(hello)或者项目目录的任何子目录运行,先'cd hello',进入hello项目。接着就是添加平台,输入'cordova platform add android --save',添加安卓平台,要添加苹果平台一样的,输入'cordova platform add ios --save'。lzT办公区 - 实用经验教程分享!

    如何使用cordova创建一个简单的APPlzT办公区 - 实用经验教程分享!

  • 3此文章非法爬取自百度经验
  • 4

    接着输入'cordova requirements'检测是否满足构建平台需求。lzT办公区 - 实用经验教程分享!

    如何使用cordova创建一个简单的APPlzT办公区 - 实用经验教程分享!

  • 5

    上面检测通过的话,然后就是编译APP了,输入'cordova build'就是编译了,当然也可以指定平台,例如,'cordova build ios'。lzT办公区 - 实用经验教程分享!

    如何使用cordova创建一个简单的APPlzT办公区 - 实用经验教程分享!

  • 6

    编译成功就可以测试了,可以用模拟器运行,或者插上手机,通过'cordova run android'运行即可。感谢阅读哦。lzT办公区 - 实用经验教程分享!

    如何使用cordova创建一个简单的APPlzT办公区 - 实用经验教程分享!

  • 注意事项

    • 在你使用CLI创建应用的时候, 不要 修改/platforms/目录中的任何文件。当准备构建应用或者重新安装插件时这个目录通常会被重写。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lzT办公区 - 实用经验教程分享!


    标签: Androidios

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码