天天看点

cordova第一个应用程序此处为sublime编辑器                     ----------------本文完----------------

创建应用程序

$ cd desktop
$ cordova create CordovaProject io.cordova.hellocordova CordovaApp
           

就会在桌面创建一个名为 CordovaProject 的 cordova 项目

cordova第一个应用程序此处为sublime编辑器                     ----------------本文完----------------
  • CordovaProject  文件夹名称。
  • io.cordova.hellocordova 是默认的反向域值,可以在config.html中查看与修改。
  • CordovaApp  App的标题,可以在config.html中查看与修改。

添加平台

$ cd CordovaProject    //进入项目
$ cordova platform add android  //添加安卓平台
           

构建应用程序

$ cordova build android
           

运行程序

若是本机:用usb连接手机,选为 传输文件 ,进入 开发人员选项 ,打开 usb调试 开关,然后输入下面代码

$ cordova run android
           

若是虚拟机:

$ cordova emulate android
           

项目结构

cordova第一个应用程序此处为sublime编辑器                     ----------------本文完----------------

项目预览

cordova第一个应用程序此处为sublime编辑器                     ----------------本文完----------------

此处为sublime编辑器

注:由于热更新还不会,现在提供一种预览方法:

每次在index.html文件中写好代码,右击copy  file path ,然后在google浏览器中,右击选择检查

cordova第一个应用程序此处为sublime编辑器                     ----------------本文完----------------

输入复制的地址

cordova第一个应用程序此处为sublime编辑器                     ----------------本文完----------------

现在就可以在谷歌浏览器中查看所写代码的效果了。

                     ----------------本文完----------------