Cordova-创建一个新的应用

资料

Cordova 官网文档 详细的文档可点击查看

正文

1. 环境配置

  1. 前提条件(我的是 windows 系统)
  1. 环境变量的配置

    我的是 windows 系统,所以需要在 【我的电脑】-> 【右键属性】-> 【高级系统设置】 -> 【环境变量】 -> 【新建】进行添加

    1
    2
    3
    4
    # 下面的是 需要添加的变量名 -> 相应的目录(我的安装路径)
    ANDROID_HOME -> D:\AndriodSDk
    JAVA_HOME -> D:\Program Files\Java\jdk
    Path -> 追加(注意分号) D:\Program Files\Java\jdk\bin;
  • 配好了上述的环境变量之后,才可以使用相关的命令行噢~,可自行在命令行使用 javajavac 进行测试是否配置成功

    2. 创建应用

  1. 命令行依次输入以下命令,启动项目

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 全局安装 `Cordova CLI`
    npm install -g cordova

    # 创建项目
    cordova create hello com.example.hello HelloWorld

    # 添加平台
    cordova platform add android

    # 运行项目在模拟器/真机进行调试
    cordova run android
  2. 常用的命令行命令记录(具体解释可查看最上方的官网文档)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    # 全局安装 `Cordova CLI`
    npm install -g cordova

    # 创建项目
    cordova create hello com.example.hello HelloWorld

    # 添加平台
    cordova platform add android
    cordova platform add ios

    # 查看构建项目的条件是否具备
    cordova requirements

    # 为所有平台/单个平台构建项目
    cordova build
    cordova build android

    # 测试应用程序
    cordova emulate android

    # 运行项目在模拟器/真机进行调试
    cordova run android

    # 添加插件
    cordova plugin add cordova-plugin-camera

    # 在本地浏览器中运行
    cordova serve

    # 检查当前的平台集
    cordova platform ls
坚持原创,坚持做个好人!