zoukankan      html  css  js  c++  java
  • webapp开发学习---Cordova环境搭建

    Cordova 使用HTML, CSS & JS进行移动App开发;多平台共用一套代码;免费开源

    步骤:(来自Cordova官网)

    1.安装Cordova(在node.js环境下进行安装)  

    命令提示行   npm -v  可以查看是否安装成功node.js  

                         npm install -g cordova   安装cordova

    2.创建一个项目 

    使用命令行创建一个空的Cordova项目。导航到你希望创建项目的目录

    Example
         cordova create myapp com.mycompany.myteam.myapp MyApp

    3.添加一个平台

    在创建完一个Cordova项目后,导航到项目目录。cd MyApp

    在项目目录中,你需要添加你想构建app的平台  cordova platform add browser   /  cordova platform add android

    4.运行APP 

    cordova run browser   /  cordova run android

    这个是run browser 的运行的结果:

    5.打包Cordova应用

    好了,现在尝试修改一下www/index.html,然后执行

    cordova prepare android

    cordova build android

    OK了,如果命令行无错误信息的话就会在/platforms/android/build/outputs/apk目录下会生成一个apk,把它安装到你的手机试试看吧!

    TIPS:

    如果有错误信息,以下是一些通用的解决方法(不一定管用)

    清理项目

    cordova clean 

    或者重新添加平台

    cordova platform remove android

    cordova platform add android

    基本上一个Cordova应用过程就是这样了,有一点要注意,每次在www目录下做的所有的修改,生成应用前都要先 cordova prepare [platform] 一遍再build

    补充一点,以上前提是你已经拥有某个平台的开发环境,例如Android开发环境搭建好的前提下,才可能打包出APK

    打开创建的项目,如下:

    用Android Studio这样打开:

     Android Studio 打开如下

    用模拟器或者真机测试如下:

  • 相关阅读:
    python入门的120个基础练习
    python日志打印模块
    自动化测试总结
    Http_requests
    安装electron-ssr出现的问题
    豆瓣油猴脚本
    ubuntu 16.04 無法進入tty1-6(未解決)
    如何用firefox chrome chromium看只支持IE浏览器的视频 通过wine 安装IE
    python reverse 和reversed
    python 编码问题
  • 原文地址:https://www.cnblogs.com/mengxiao/p/7495032.html
Copyright © 2011-2022 走看看