cordova 环境搭建

cordova开发介绍(android平台) - 灰信网(软件开发博客聚合)

cordova开发环境搭建_前端司南的博客-优快云博客_android_sdk_root is undefined

2. CORDOVA开发环境

cordova命令行工具以npm包方式发布,安装过程如下:

2.1. 安装NODE.JS

在其主页下载匹配的安装包:www.nodejs.org,并安装。

2.2. 安装CORDOVA

Linux或者OS X平台使用以下命令安装:

$ sudo npm install -g cordova

windows平台使用以下命令安装:

C:\>npm install -g cordova

-g参数表示全局安装,否则仅安装在当前目录。

对于AndroidIOS,我们则需要先检查相关环境是否安装正常。

cordova requirements

$ cordova requirements

Requirements check results for android:
Java JDK: installed 1.8.0
Android SDK: not installed
Failed to find 'ANDROID_HOME' environment variable. Try setting it manually.
Detected 'adb' command at C:\Windows\system32 but no 'platform-tools' directory found near.
Try reinstall Android SDK or update your PATH to include valid path to SDK\platform-tools directory.
Android target: not installed
android: Command failed with exit code ENOENT Error output:
'android' �����ڲ����ⲿ���Ҳ���ǿ����еij���
�����������
Gradle: not installed
Could not find gradle wrapper within Android SDK. Could not find Android SDK directory.
Might need to install Android SDK or set up 'ANDROID_HOME' env variable.

Requirements check results for browser:

Requirements check results for ios:
Apple macOS: not installed
Cordova tooling for iOS requires Apple macOS
Some of requirements check failed

可以看到,我的电脑环境并不满足androidios平台的要求,需要安装jdk,sdk,gradle并配置环境

2.3. 创建工程

进入所需建立工程的目录,运行命令:

$ cordova create hello com.example.hello HelloWorld

hello:工程目录的名称

com.example.hello:工程id

HelloWorld:工程名称

2.4. 添加移动平台

cordova platform add ios
cordova platform add android
cordova platform add browser

进入hello目录,运行命令:

$ cordova platform add android

该命令将在platforms目录下,自动生成android平台的工程。

也可以用以下命令删除已添加的平台工程:

$ cordova platform remove android

以下命令查看添加了哪些平台:

$ cordova platform list

2.5. 编译工程

以下命令编译cordova工程:

$ cordova build

也可以单独编译一个平台的工程:

$ cordova build android

2.6. 运行工程

在android平台,以下命令运行模拟器:

$ cordova emulate android

模拟器运行后,以下命令测试工程:

$ cordova run android

试运行命令cordova run android,出现了如下警告

$ cordova run android
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=C:\Users\Jiang.Wenbin\AppData\Local\Android\Sdk (DEPRECATED)
Starting a Gradle Daemon (subsequent builds will be faster)


于是我又新增了一项系统变量ANDROID_SDK_ROOT,变量值与ANDROID_HOME一样。
 

搭建 Cordova 环境,您可以按照以下步骤进行操作: 1. 首先,确保您已经安装了 Node.js。可以在终端中运行以下命令来检查是否已安装: ``` node -v ``` 如果显示 Node.js 的版本号,则说明已安装。否则,请前往 Node.js 官方网站(https://nodejs.org/)下载并安装最新版本。 2. 安装 Cordova。在终端中运行以下命令: ``` npm install -g cordova ``` 这将全局安装 Cordova。 3. 创建 Cordova 项目。在终端中导航到您想要创建项目的目录,并运行以下命令: ``` cordova create <项目目录名> <包名> <项目名称> ``` 确保将 `<项目目录名>` 替换为您想要创建的项目的目录名称,`<包名>` 替换为您的应用程序的包名(例如:com.example.myapp),`<项目名称>` 替换为您的应用程序的名称。 4. 进入项目目录。在终端中运行以下命令: ``` cd <项目目录名> ``` 确保将 `<项目目录名>` 替换为您创建的项目的目录名称。 5. 添加平台。在终端中运行以下命令来添加您想要构建应用程序的平台(例如 Android 或 iOS): ``` cordova platform add <平台> ``` 确保将 `<平台>` 替换为您想要添加的平台名称。 6. 构建应用程序。在终端中运行以下命令: ``` cordova build ``` 这将构建您的应用程序。 7. 在模拟器或设备上运行应用程序。在终端中运行以下命令来运行您的应用程序: ``` cordova run <平台> ``` 确保将 `<平台>` 替换为您想要运行应用程序的平台名称。 这就是 Cordova 环境搭建的基本步骤。您可以根据需要进一步配置和开发您的 Cordova 应用程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值