• Cordova的安装与配置


    本文已发布在西瓜君的个人博客,原文传送门

    前言

    西瓜君目前公司的App项目是采用用H5来写,再使用Cordova来打包;之前我有完整的配置了cordova的环境,但是因为一些原因重装了系统,现在需要重新装环境,那就让我们再一起学习一下cordova环境的配置吧~~

    1. 安装cordova命令

    Tips:安卓平台最低要求的jdk版本是1.8

    Cordova命令行工具作为npm包分发。需要先安装Node.js,node.js默认安装了npm命令,无需再重复安装。

    npm install -g cordova

    使用上面的命令安装cordova命令,-g标志是告诉 npm 全局安装 cordova。否则将会安装在当前工作目录的 node_modules子目录。
    安装完成后,能够在命令行中运行cordova命令。

    如果你需要安装旧版本,可以执行下面的命令

    npm install -g cordova@vx.x.x

    vx.x.x是版本号

    2. 创建App

    进入你的项目目录,执行命令

    cordova create hello com.example.hello HelloWorld

    hello是你的项目名,自己更换;执行后会创建一个名为hello的目录,项目的主页是www/index.html文件

    3. 添加平台

    现在我们需要进入到项目的根目录

    cd hello

    给项目添加平台(ios/android)

    cordova platform add ios --save
    cordova platform add android --save

    *由于我司现在只需要安卓的,所以这里我只安装安卓的平台。
    同样,这里也可以在后面加上版本以安装你想要的版本

    查看此项目当前的平台设置情况

    cordova platform ls

    到这一步,下面的就需要配置环境了,本文只提供android环境的配置

    4. 安装jdk

    Tips:安卓平台最低要求的jdk版本是1.8

    jdk配置网上有很多文章有些,我就不赘述了,传送门jdk环境安装

    5. 安装Android SDK Tools

    我这里是用android-sdk-windows来进行安装与管理;附送下载链接;选择SDK Tools,下载解压到任意目录(要记住目录)

    6. 安装Android 版本

    进入SDK的解压目录下,双击“SDK Manager.exe”打开SDK管理器,就可以下载对应的android sdk版本了(需要查询你的项目安装的android平台版本需要那个版本的sdk)附送查询链接

    7. 配置Android环境变量

    1. 创建ANDROID_HOME,值是你的刚刚SDK的解压目录,比如 E:Androidandroid-sdk-windows
    2. 找到Path变量,然后双击打开Path 变量,添加%ANDROID_HOME%platform-tools

    8. 配置Gradle(一个构建工具)

    *自cordova-android@4.0.0起,Cordova为Android项目使用 Gradle构建。
    同样,gradle的配置不赘述了,传送门

    Tips:配置完可能需要重启

    9. 设置模拟器

    环境配置完了就可以开始跑项目了,android可以配置模拟器用来跑程序。在这里我用的是第三方的“夜神模拟器”,传送门,安装好就可以使用了。

    10. 打包App

    接下来我们重新进入我们创建的cordova项目目录,(将你的H5项目代码放入到www目录下)执行命令

    cordova build android

    上面的命令用来打包,幸运的话你就可以在控制台看到你打包出来的app所在目录了,找到这个目录下的app,使用模拟器打开就可以安装并使用了

    Tips:签名及详细的命令解释可以参考cordova中文官网

    以上

  • 相关阅读:
    编程入门之结构体
    编程入门之函数理解
    编程入门之编码风格
    Linux基础 30分钟GDB调试快速突破
    GDB实战
    linux下终端游戏
    DSP学习教程基于28335(一)
    Linux内核模块编程可以使用的内核组件
    Windows10下配置Linux下C语言开发环境
    Git常规配置与基本用法
  • 原文地址:https://www.cnblogs.com/bloglixin/p/12106262.html
Copyright © 2020-2023  润新知