`

cordova环境--Cross-platform (CLI) workflow

阅读更多
参考
http://cordova.apache.org/docs/en/5.4.0/guide/overview/index.html
http://cordova.apache.org/docs/en/5.4.0/guide/cli/index.html

1.安装cordova command-line tools前,需要安装对应平台的SDKs
安卓sdk 安装参照:http://vinnie424.iteye.com/blog/2255793

2.安装node.js
下载地址:https://nodejs.org/en/

3.Install the cordova module using npm utility of Node.js
sudo npm install -g cordova


4.创建app
cordova create hello com.example.hello HelloWorld


5.对新创建的工程添加Platform
cd到工程目录,执行下列命令,添加想要的Platform
 cordova platform add ios
 cordova platform add amazon-fireos
 cordova platform add android
 cordova platform add blackberry10
 cordova platform add firefoxos


查看当前平台platform命令
cordova platforms ls


6.Build the App
如果想用cordova的build,执行
cordova build


如果此时想用其他的开发工具编译,则执行一下命令后在开发工具中打开工程即可
cordova prepare


cordova prepare ios

后续用其他开发工具开发的场合,每次cordova的配置有变更,
需执行该命令来把更新反应到开发工程。

7.测试开发的app
使用虚拟机的命令
cordova emulate android


直接使用手机的命令(需要开启USB debugging)
cordova run android
分享到:
评论

相关推荐

    cordova-hot-code-push-cli(热更新插件)

    热更新时,我们执行命令 npm install -g cordova-hot-code-push-cli安装插件,但运行cordova-hcp server会报错,如:Could not create tunnel: { Error: ngrok is not yet ready to start tunnels...,这时我们找到...

    Android代码-cordova-plugin-app-update

    cordova-plugin-app-update App updater for Cordova/PhoneGap Demo Try it yourself: Just clone and install this demo. cordova-plugin-app-update-DEMO :tada: 如果喜欢它,请别忘了给我一颗鼓励的星 Support ...

    cordova-hot-code-push-cli20200529.rar

    启动cordova-hcp server报错 Could not create tunnel: { Error: ngrok is not yet ready to start tunnels 时,将路径 下的cordova-hot-code-push-cli文件下用下载的文件替换就可以了

    cordova-plugin-wechat-master

    在“cordova-plugin-wechat-master”目录下,我们可以看到“cordova-plugin-wechat-develop”文件,这很可能包含了插件的源代码和配置文件。安装插件的命令通常是`cordova plugin add cordova-plugin-wechat-develop...

    cordova-hot-code-push-cli.zip

    启动cordova-hcp server报错 Could not create tunnel: { Error: ngrok...时,将路径 我个人的是:(C:\Users\lenovo\AppData\Roaming\npm\node_modules)下的cordova-hot-code-push-cli文件下用下载的文件替换就可以了

    Cordova-plugin-finger-print

    Cordova-plugin-finger-print是一款专为Cordova框架设计的插件,主要用于在Android平台上实现指纹识别功能。Cordova是一个流行的开源框架,它允许开发者使用HTML、CSS和JavaScript来构建原生移动应用程序。通过将...

    百度地图定位Cordova插件cordova-plugin-baidumaplocation.zip

    cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="" --variable IOS_KEY="" //此处的API_KEY_XX来自于第一步,直接替换,也可以最后跟 --save 参数,将插件信息保存到config....

    vue-cli-plugin-cordova:Vue Cli 3 Cordova插件

    vue-cli-plugin-cordova 适用于Apache Cordova的插件。 将Cordova集成到Vue Cli App中 如何 创建Vue应用 $ npm install -g @vue/cli $ vue create my-app $ cd my-app $ npm install -g cordova # If cordova is ...

    cordova-plugin-fingerprint-aio_cardova_whispered587_

    Cordova-plugin-fingerprint-aio,作为Cordova框架中的一个核心插件,专为移动应用提供了一种高效且安全的身份验证解决方案。该插件是基于Android的Fingerprint API和iOS的LocalAuthentication框架,实现了指纹识别...

    ionic 借助插件 cordova-plugin-wechat cordova-plugin-qqsdk 实现微信分享 QQ分享

    本文将详细介绍如何借助 `cordova-plugin-wechat` 和 `cordova-plugin-qqsdk` 插件实现在 Ionic 应用中实现微信和 QQ 的分享功能。 1. **申请 AppID** 在使用微信和 QQ 分享功能之前,你需要在相应的开放平台上...

    angular/ionic的相机插件cordova-plugin-camera-5.0.1

    在 Ionic 应用中,有时我们需要集成原生设备功能,例如相机,这时就用到了 `cordova-plugin-camera` 插件。这个插件是针对 Apache Cordova 平台设计的,使得 JavaScript 可以调用原生设备的相机功能。 `cordova-...

    CordovaCamera-master保存图片插件

    1. 初始化Cordova环境并安装CordovaCamera-master插件。 2. 在JavaScript中调用插件提供的API,如`navigator.camera.getPicture`,指定照片来源(摄像头或相册)、质量、存储位置等参数。 3. 插件接收到JavaScript的...

    cordova-plugin-firebase-analytics, 用于Firebase分析的Cordova插件.zip

    cordova-plugin-firebase-analytics, 用于Firebase分析的Cordova插件 cordova-plugin-firebase-analytics Firebase分析插件的Cordova插件。安装cordova plugin add cordova-plugin-firebase-analyti

    cordova-plugin-app-version:Cordova插件返回当前应用程序的版本号

    用cordova-cli 如果您使用 ,请安装: cordova plugin add cordova-plugin-app-version 带插头 使用简单的 ,您应该可以使用以下内容进行安装: plugman --platform <ios> --project <directory> --plugin ...

    Android代码-cordova-plugin-background-mode

    Cordova Background Plugin Plugin for the Cordova framework to perform infinite background execution. Most mobile operating systems are multitasking capable, but most apps dont need to run while in ...

    cordova-plugin-media-capture, Apache Cordova插件媒体捕获镜像.zip

    cordova-plugin-media-capture, Apache Cordova插件媒体捕获镜像 标题说明媒体捕获捕获音频,视频和图像。AppVeyor Travis CI cordova-plugin-media-capture这里插件提供对设备。图像和视频捕获功能的音频访问。警告...

    cordova-plugin-updateapp

    这时,`cordova-plugin-updateapp`插件就显得尤为重要。本文将深入探讨这款插件的功能、使用方法以及其在实际项目中的应用。 一、插件概述 `cordova-plugin-updateapp`是一款专门为Cordova应用设计的版本更新插件...

    Android-Cordova插件-用于播放海康监控视频

    - 安装Cordova CLI并初始化一个新的Cordova项目。 - 使用`cordova create <project_name> <package_name>`命令创建项目。 - 添加Android平台到项目中:`cd <project_name>`,然后运行`cordova platform add ...

    cordova-plugin-videoRecorder

    `cordova-plugin-videoRecorder`是一个专为Cordova框架设计的插件,它允许开发者在iOS和Android平台上集成视频录制功能。Cordova是一个流行的开源框架,它让开发者能够使用HTML5、CSS3和JavaScript来构建原生移动...

    cordova-plugin-tts

    - **安装插件**:开发者可以使用Cordova CLI(命令行工具)或者配置文件(config.xml)来添加Cordova-plugin-tts到项目中。 - **调用API**:在JavaScript中,通过调用插件提供的方法,如`TTS.speak()`来启动TTS...

Global site tag (gtag.js) - Google Analytics