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

打开创建的项目,如下:

用Android Studio这样打开:

Android Studio 打开如下

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

时间: 2024-10-07 05:07:20

webapp开发学习---Cordova环境搭建的相关文章

IOS开发学习-基础环境搭建-1

为了开发方便一般会使用cocoapods来管理项目依赖库 安装cocoapods需要ruby环境一般Mac OS 会自带ruby环境: 1.由于墙的缘故,先更换ruby的镜像地址吧 //查看源列表 gem sources -l //移除没法访问的源地址 gem sources --remove https://rubygems.org/ //添加新的淘宝的源地址,注意淘宝的源已经是https开头了 gem sources -a https://ruby.taobao.org/ 2.安装cocoa

【golang学习】环境搭建

近期项目的需要开始了学习golang的旅程,在此将学习的过程做以记录,方便查看,也希望帮助到大家. 由于我使用的是64位linux环境(redhat 5.2),所以这里就介绍64位的安装方式,其他类似: 1. 下载安装包 自从2014年5月谷歌在国内被封杀之后,我们下载go安装包也得翻墙了,但是为了方便我上传了一个64位linux的包在(地址),你可以直接下载使用. 2.安装 下载完上传到你的linux系统中,比如/opt/go1.1.1.linux-amd64.tar.gz,这是就开始安装了,

Android学习之环境搭建

Android学习之环境搭建 园里有很多关于Android开发的环境搭建的资料,本人是安卓开发初学者,这里记录一下个人搭建Android环境的总结. 1.准备Eclipse IDE for Java Developers 网上可以下载的版本还是比较多的,本人选择了eclipse-java-luna-SR2-win32. 网址:http://www.eclipse.org/downloads/packages/eclipse-ide-java-developers/lunasr2 Note:官网点

sencha touch 2.3 结合cordova 环境搭建

sencha touch 2.3环境搭建必备工具 sencha touch 2.3 包sencha cmd 4.0以上JAVA JDK 1.7以上(注意JDK和JRE的区别)Ruby 1.9.3或更早版本android sdk 如果需要生成ANDROID APP 注意将jdk,ruby,sencha cmd都添加到环境变量PATH例jdk path: JAVA_HOME变量路径为C:\Program Files (x86)\Java\jdk1.7.0_67则JDK PATH为%JAVA_HOME

Tiny4412 开发板 编译环境搭建

/************************************************************************************** * Function     : Tiny4412 开发板 编译环境搭建 * Create Date  : 2016/04/04 * Author       : NTSK13 * Email        : [email protected] * Copyright    : 欢迎大家和我一起交流学习,转载请保持文章的

Angularjs学习---angularjs环境搭建,ubuntu 12.04下安装nodejs、npm和karma

1.下载angularjs 进入其官网下载:https://angularjs.org/?,建议下载最新版的:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular.js 所有版本:https://code.angularjs.org/ 2.示例1 HelloWorld ! 新建一个helloworld.html <!doctype html> <html ng-app> <head> &

appium 学习和环境搭建

官方网站: http://appium.io/ Npm安装: npm install -g appium appium-doctor Appium app 下载 https://bitbucket.org/appium/appium.app/downloads/ 1.安装java 和 android 环境,并且配置环境变量.可以网上搜索教程或者参考以下另一篇文章(跳过Cordova方面的内容即可) # 我的Java + android + Cordova 环境搭建http://www.cnblo

NDK学习一: 环境搭建Eclipse篇

下载NDK 国内的一个镜像站点 下载速度比较快 http://wear.techbrood.com/tools/sdk/ndk/#Installing 网上搭建环境的方案有很多 1. Eclipse + ADT + NDK 2. AndroidStudio + NDK 3. VS + NDK 4. VS + VisualGDB  (安装完就可以用了,VisualGDB收费) 5. 编辑器(比如sublime) + NDK 不过在以上环境搭建方案之前 我们先配置好NDK_ROOT 配置NDK_RO

iOS开发项目-01环境搭建

iOS开发项目-01环境搭建 一.基本过程 1.新建一个项目 (1)删除storyboard (2)在配置界面中,把main  删除,手动设置 2.准备素材 图片素材如下: 这个项目是模仿新浪,实现一个山寨的新浪微博系统,新版本的系统中已经放弃了非视网膜屏幕. 说白了,这种情况下,如果手机是3.5英寸的ios7系统,则看不到该启动动画. 设置方法,右键单击show in finder,修改json文件. Contents.json,对文件进行修改,让系统启动画面对3.5英寸的ios7系统提供支持