美文网首页程序员
混合APP(cordova)开发环境搭建

混合APP(cordova)开发环境搭建

作者: IT子黎 | 来源:发表于2019-01-15 11:49 被阅读3次

    1.nodejs环境下载
    下载地址:https://nodejs.org/zh-cn/download/
    根据自己的系统环境选择下载安装文件并安装

    安装完打开cmd, 输入 node -v 和 npm -v 可以看到如下图的结果


    2.安装cordova, 在cmd中输入 npm install -g cordova ,安装过程和结果大概如下图

    每个版本的结果不一样,只要 输入 cordova -v 出现版本号就代表安装成功了
    3.在cmd cd到你的工作目录,如我的工作目录为 D:\apps
    4.cordova项目 (cordova create <文件夹名> <包名> <app名>)
    例如: cordova create TestCordova com.test.TestCordova TestCordova

    文件夹目录

    hooks:存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook,比如:before_build、after_build。没使用过。

    platforms:平台目录,各自的平台代码就放在这里,可以放一下平台专属的代码,现在这个目录应该是空的,后面会介绍如何创建平台。

    plugins:插件目录,安装的插件会放在这里。后面会有专门的文章介绍开发插件。

    res:app图标和启动画面图片资源等

    www:最重要的目录,存放项目主题的HTML5和JS代码的目录。app一开始打开的就是这个目录中index.html文件。

    config.xml:主要是cordova的一些配置,比如:项目使用了哪些插件、应用图标icon和启动页面SplashScreen,修改app的版本,名字等信息,还有平台的配置。

    5.添加安卓平台

    6.编译调试程序

    不是每一句代码都需要运行,根据自己的需求进行选择。

    cordova install android //将编译好的应用程序安装到模拟器上。
    cordova emulate android //在模拟器上运行(前提是创建好AVD)
    cordova serve android //在浏览器运行
    cordova build android //打包cordova项目到android平台。
    cordova run android //通过USB直接安装到真机(该语句已经包括了build命令)

    相关文章

      网友评论

        本文标题:混合APP(cordova)开发环境搭建

        本文链接:https://www.haomeiwen.com/subject/rxnedqtx.html