WEBAPP开发之webapp开发学习---Cordova环境搭建
凌雪 2018-09-13 来源 :网络 阅读 375 评论 0

摘要:本文将带你了解WEBAPP开发之webapp开发学习---Cordova环境搭建,希望本文对大家学微信有所帮助。

本文将带你了解WEBAPP开发之webapp开发学习---Cordova环境搭建,希望本文对大家学微信有所帮助。


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 打开如下
   
    用模拟器或者真机测试如下:
   
     
   
   
   
   
   
   
   
   
   
   
   
         

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之webapp频道!

本文由 @凌雪 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程