Ionic + cordova 构建 webapp 项目

开发环境是Windows,ubuntu + mac同理,测试平台为android,ios同理。

1.安装node.js

https://nodejs.org/dist/v4.4.5/
http://nodejs.org/download/

2.设置npm镜像

npm config set registry https://registry.npm.taobao.org

3.安装 cordova+ionic

npm install -g cordova ionic
npm update -g cordova ionic //更新

4.创建APP项目

ionic start myapp [template]
template:blank(空项目)、tabs(带导航条)、sidemenu(带侧滑菜单)
ionic platform add android
ionic build android
ionic platform add ios
ionic build ios
ionic run android //连接数据线直接测试

安卓打包环境配置:

1.JDK安装配置

   下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html
    安装的时候,jdk、jre装在同级目录下。
    配置环境变量,在系统变量中新建 JAVA_HOME,值为jdk的安装目录 D:\Program Files\Java\jdk1.8.0_91。在PATH中添加 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 。系统变量中新建 CLASSPATH,值为 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar。
    java -version

2.Android SDK

    下载地址:http://developer.android.com/sdk/index.html 或 http://www.android-studio.org/
    安装完成后配置环境变量,在系统变量中新建 ANDROID_HOME,值为安装目录 D:\Program Files\Android\android-sdk 。在PATH中添加 D:\Program Files\Android\android-sdk;%ANDROID_HOME%\tools; 。
    android -h

这时候SDK安装工具算是好了,然后就可以从SDK Manager中管理安装需要的SDK版本和GOOGLE API版本和文档了。这里主要看你安装的ionic对应的android版本,在你的ionic项目目录的platforms\android\project.properties文件中可以找到target=android-23。这里标识了项目所用的API版本,后面的数字刚好对应你在SDK Manager中看到的那些API后面的数字。

问题:

时间: 2024-12-22 08:08:48

Ionic + cordova 构建 webapp 项目的相关文章

Ionic如何创建APP项目_javascript技巧

前面的章节中我们已经学会了ionic 框架如何导入到项目中. 接下来我们将为大家介绍如何创建一个 ionic APP 应用. ionic 创建 APP 使用 HTML.CSS 和 Javascript 来构建,所以我们可以创建一个 www 目录,并在目录下创建 index.html 文件,代码如下: 大家按照步骤在自己的编辑器上来认真的完成这个APP的创建吧. <!DOCTYPE html> <html> <head> <meta charset="ut

maven 构建web项目时war名称由什么决定

使用maven 构建web项目时,war包的名称由什么决定呢? 默认的war名称是构件ID加上版本号,例如: shop_goods-0.0.1-SNAPSHOT.war或exam4-0.0.1-SNAPSHOT.war  有哪些方式可以指定war包的名称呢? 方式一: 使用插件maven-war-plugin,pom配置如下:  Xml代码   <plugin>                   <groupId>org.apache.maven.plugins</grou

Eclipse 使用Maven构建SpringMVC项目_java

首先Eclipse需要安装Maven的插件,地址:http://m2eclipse.sonatype.org/sites/m2e. 用MyEclipse安装Maven插件,建出的Maven项目有些问题.一是,发布tomcat的时候resources总是不会被发布到tomcat下:二是,把WEB-INF下的classes改到target下的classes,但是不知道为什么MyEclipse要么仍然在WEB-INF下生成class.要么真不在WEB-INF生成classes了但是发布tomcat的时

JAVA Eclipse使用Maven构建web项目详解(SSM框架)

tips: 启动项目后,welcome-file的链接即为测试用例 https://github.com/sheep0704/JAVA-SSM-Spring 部署maven web项目 Eclipse使用Maven构建web项目详解 pom.xml添加webapp依赖: <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId>

Eclipse+Maven构建web项目及部署时Maven lib依赖问题的解决

目录 Eclipse中m2e插件构建web项目的步骤 Maven工具构建web项目再导入Eclipse的步骤 [一].Eclipse中m2e插件构建web项目的步骤 第一步:创建项目,按照 New –>  FIle –> Other –> Maven –> MavenProject : 第二步:选择项目存放路径: 第三步:选择项目类型 Archetype  : 第四步:填写项目基本信息 第五步:修改为web类型项目,配置content directory: 第六步:配置Maven

qt-CMake 构建Qt项目,出现无法找到合适的Qt版本

问题描述 CMake 构建Qt项目,出现无法找到合适的Qt版本 途中错误如何解决,求大神给出解决方案!尽量详细些,初学CMake.谢谢了! 解决方案 你去QT官网下载对应的版本,它都自带Cmake等

java android开发-在解决构建路径错误之前不能构建该项目

问题描述 在解决构建路径错误之前不能构建该项目 JAVA初学者,目前正参考<第一行代码>学习中. 在创建HelloWorld应用的时候出现了如下所示报错,项目图标有感叹号出现. 如图示错误为在解决构建路径错误之前不能构建该项目开发-在解决构建路径错误之前不能构建该项目-构建android开发环境"> 下图是SDK manager的内容 我没有下载sample的extra.此外最下面的extra有一个broken source package不知道该如何修复.不知道上面问的构建路

maven-Maven构建SSH项目添加依赖支持报错

问题描述 Maven构建SSH项目添加依赖支持报错 我在使用Maven搭建SS2H项目的时候,使用了 org.springframeworkspring-web4.1.3.RELEASE 之后web.xml的 org.springframework.web.context.ContextLoaderListener 就会报错,是找不到,去掉了就可以但是在项目启动的时候就会报错,加了之后会有报错说Error:java: java.lang.ArrayIndexOutOfBoundsExceptio

maven构建-求助:Maven构建java项目时出错

问题描述 求助:Maven构建java项目时出错 这个项目以前是用Ant构建的,现在转用Maven了.报错如下:An Ant BuildException has occured: You must not specify nested elements when using refid. 构建过程如下: 这个项目的pom.xml文件如下: <project> <modelVersion>4.0.0</modelVersion> <groupId>aopme