码迷,mamicode.com
首页 > 移动开发 > 详细

webapp开发学习---Cordova环境搭建

时间:2017-09-08 18:22:33      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:令行   真机测试   ima   代码   webapp   http   logs   team   环境搭建   

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 的运行的结果:

技术分享

打开创建的项目,如下:

技术分享

用Android Studio这样打开:

技术分享

 Android Studio 打开如下

技术分享

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

技术分享

 

webapp开发学习---Cordova环境搭建

标签:令行   真机测试   ima   代码   webapp   http   logs   team   环境搭建   

原文地址:http://www.cnblogs.com/mengxiao/p/7495032.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!