1.安装cordova

npm install -g cordova

2.创建应用

cordova create myapp

 3.添加平台支持

cordova可以支持iosandroidweb三端。

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

 遇到的问题:

解决办法:

首先,用管理员权限打开VS CODE /Hbuilder(你的开发工具)

执行命令

get-ExecutionPolicy

显示Restricted(表示状态是禁止的)

再执行

set-ExecutionPolicy RemoteSigned

4、运行App

Web

web端是最直观最简单的,直接运行如下命令即可。

cordova run browser

Android

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

输入命令

cordova requirements
Requirements check results for android:
Java JDK: not installed
Failed to run "javac -version", make sure that you have a JDK version 8 installed.
You can get it from the following location:
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
Android SDK: not installed
Failed to find 'ANDROID_SDK_ROOT' environment variable. Try setting it manually.
Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.
Android target: not installed
Command failed with ENOENT: android list target
spawn android ENOENT
'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_SDK_ROOT' env variable.

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

可以看到,我的电脑环境并不满足androidios平台的要求。

首先我们来满足下android平台的环境要求。

JDK

1、下载jdk文件   下载jdk

2.安装jdk

3.配置环境变量

右键点击‘计算机’,选择‘属性’,再点击‘高级系统设置’,打开‘环境变量’。
环境变量

新建JAVA_HOME变量

在‘系统变量’处点击‘新建’,变量名为JAVA_HOME,变量值为C:\Program Files\Java\jdk-9.0.4
注:这里的变量值是你安装jdk所在的目录路径。
javahome

修改Path变量

修改‘Path’变量的值,观察当前值最后是否有分号;
如果有,直接在后面追加%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
如果没有,先追加一个分号; 再追加上面的值。
javapath

新建CLASSPATH变量

在‘系统变量’处点击‘新建’,变量名为CLASSPATH,变量值为.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
CLASSPATH

Gradle

Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化构建开源工具。

环境搭建参考gradle环境搭建 

1.下载gradle 各个版本下载

2.配置环境变量

环境变量-系统变量-Path新增一项

 

D:\A-Software\Android\gradle-6.5.1\bin

Android SDK

首先我们安装Android Studio。根据安装指引,我们会安装好Android SDK

1.Android studio下载  (android sdk国内下载地址https://www.androiddevtools.cn/

2.接着我们需要在环境变量-系统变量-Path中新增两项:

D:\A-Software\Android\SDK\platform-tools
D:\A-Software\Android\SDK\build-tools

新增一项系统变量ANDROID_HOME,变量值为:

C:\Users\Jiang.Wenbin\AppData\Local\Android\Sdk

 新增了一项系统变量ANDROID_SDK_ROOT,变量值与ANDROID_HOME一样

运行Android 

如果以上配置都配置完成,依旧提示未配置或者未安装,关闭开发工具重启即可

cordova run android

参考文档:cordova开发环境搭建 

 

 

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐