安装ionic全流程

1 下载node.js

2 安装JDK

3 安装Android SDK

4 安装Apache ant

5 创建hello world!

1. 下载node.js,

官网 https://nodejs.org 速度太慢

国内镜像: https://npm.taobao.org/dist 下对应版本即可

1.1 下载&安装node

1.1.1 安装完成后,打开cmd命令行界面,

1.1.2 进入bin文件夹,具体路径如下~\nodejs\node_modules\npm\bin

1.1.3 执行node -v,如安装成功,则显示版本号,如下图

1.2 使用npm下载cordova和ionic

1.2.1 执行npm install -g cordova命令,安装Cordova,如下图。该过程巨慢,可以泡杯茶慢慢等~

1.2.2 如果中途过程中断网或是下载失败,可以使用npm cache clean命令,清除缓存之后再次下载。

===================================================

注:常见错误

若遇到错误如下:

npm ERR! [email protected] postinstall: `node postinstall`

npm ERR! spawn ENOENT

npm ERR!

npm ERR! Failed at the [email protected] postinstall script ‘node postinstall‘.

npm ERR! This is most likely a problem with the spawn-sync package,

npm ERR! not with npm itself.

===================================================

解决方法: npm install --ignore-scripts -g cordova ionic

参考:https://github.com/ForbesLindesay/spawn-sync/issues/29

===================================================

1.2.3 使用npm install -g ionic命令,安装ionic,如下图

2. 安装JDK

2.1 下载适合平台的JDK版本,下载地址http://www.oracle.com/technetwork/java/javase/downloads/index.html

2.2 安装JDK,如下图

2.3 配置JDK环境变量

2.3.1 配置JAVA_HOME环境变量,如下图(JAVA_HOME配置为jdk在你电脑上安装的路径)

2.3.2 配置path环境变量,添加命令%JAVA_HOME%\bin,如下图

2.3.3 配置classpath环境变量,添加命令.;%JAVA_HOME%\lib\tools.jar,如下图所示

注:(.;)表示的是JVM先搜索当前目录

2.4 测试JDK

配置完毕后,要使用上述SET PATH=C:\方法,使path配置生效,然后通过cmd运行以下命令: -version,javac 如果出现返回信息,则设置成功。如图

3. 安装Android SDK

3.1 安装Android SDK,如下图

3.2 安装完成后的Android文件夹如下图所示

3.3 点击tools目录下的Android..bat,在Tools目录下,勾选Android SDK Platform-tools选项,如下图,点击Install 1 package

3.4 下载完成后,如下图

3.5 配置Android环境变量

在path中,增加两个环境变量,分别是tools的路径和platform-tools的路径。(和JDK基本类似,不明白可以自行百度)

3.6 在命令行中,输入android,出现Android SDK Manager则证明配置完成,如下图所示

4. 安装Apache ant

4.1 下载并安装ant,下载地址:http://ant.apache.org/manualdownload.cgi

4.2 完成下载后,将环境变量配置好。

5. 创建hello world!

5.1 用命令行创建工程

在命令行中,输入ionic start myapp tabs

5.2 创建好的工程目录如下

5.3 加载要打包的平台

在命令行中,输入ionic platform add android,要下载部分组件,完成后效果如图

5.4 创建Android应用

在命令行中,输入ionic build android,需要android本身的build-tools版本支持Android-19以上版本才能编译生成

5.5 使用模拟器查看之前创建的Android应用

在命令行中,输入ionic emulate android,首先需要下载最新版本的SDK图片以及API,然后创建一个最简单的模拟器,模拟器创建可自行百度,很简单。如果sdk manager更新不了,请参照我的另外一篇文章《

Android SDK Manager更新报错——Download interrupted URL not found

时间: 2024-08-09 10:22:05

安装ionic全流程的相关文章

The Ionic Book - 安装Ionic

原文地址: http://ionicframework.com/docs/guide/installation.html 请尊重他人劳动成果,转载请注明出处, 谢谢 这一章我们会介绍下载Ionic并安装开发所需的所有部件的流程. 平台注意事项 首先我们需要说明一下使用当前版本的Ionic来开发应用的最低要求.Ionic是针对iPhone和Android设备的(目前).它支持iOs 6+和Android 4.0+(2.3也应该可以工作).然而因为有很多不同的Android设备,很有可能某些会有问题

CentOS6.6服务器系统配置(LAMP+phpMyAdmin)全流程

CentOS6.6服务器系统配置(LAMP+phpMyAdmin)全流程 昨天在腾讯云上买了个服务器,是CentOS6.6操作系统的裸机,里面什么都没,然后开始了一天一夜的LAMP(Apache+MySql+PHP)的环境配置.借鉴了很多人的做法,花了很多时间,流了很多的汗水,虽然成功了,但是考虑到以后可能还有用,或者能给别人做做参考,于是写下这篇博客.(这篇博客借鉴了其他很多博客,借鉴最多的就是osyunwei的这篇博客,但是那些博客都是配置低版本的php和mysql,不便现在我们使用,我整合

大数据分析挖掘全流程实战视频教程:电商市场与销售趋势预测

大数据分析挖掘全流程实战视频教程:电商市场与销售趋势预测资源下载:https://pan.baidu.com/s/1VPydETNHqhDDcJ1Lpko1AA 提取码:o9mk 课程特色:特色一:一套课程,搞定企业级数据分析与挖掘全栈技术特色二:基于Linux+Windows两套系统手把手教你搭建企业数据分析/挖掘开发环境,带你从0~1特色三:电商企业经典数据分析与挖掘项目全程贯穿,教你从1~100 课程目标:1.掌握预测分析的理论基础,一些数据分析挖掘软件的使用技巧2.通过掌握的分析技术及软

全流程开发 GO实战电商网站高并发秒杀系统

获取资源点击这里:全流程开发 GO实战电商网站高并发秒杀系统 第1章 课程介绍[学前须知] 本章对这门课程进行说明,包括:秒杀系统涉及模块的介绍,秒杀核心的知识点的介绍,课程的学习规划等. 1-1 课程介绍试看 第2章 需求整理&系统设计 [明确需求] 本章对秒杀系统整体需求进行梳理,明确系统具体需求,讲解系统原型设计工具的使用,并结合秒杀系统进行整体架构设计. 2-1 需求分析 2-2 系统架构设计 2-3 [总结&扩展]需求整理&系统设计 2-4 [勤于思考,夯实学习成果]阶段

gitbook 入门教程之小白都能看懂的 Gitbook 插件开发全流程

什么是插件 Gitbook 插件是扩展 GitBook 功能(电子书和网站)的最佳方式. 只要是 Gitbook 默认没有提供的功能,基于插件机制都可以自行扩展,是插件让 Gitbook 变得更加强大. 本文将全面介绍插件的相关知识并重点介绍插件开发的全流程,只有熟悉插件开发流程才能做到有的放矢,心中有数,进而开发出自己的插件. 关于插件请参考 Gitbook 入门教程高级进阶系列文章,本文重点讲解开发 Gitbook 的基本流程. gitbook 入门教程之插件介绍 gitbook 入门教程之

全流程开发 TP6.0实战高并发电商服务系统

第1章 课程简介[PHP行情分析]本章主要讲解本课程的主线, 导学内容,PHP行情分析等让同学们对当前PHP发展充满信心等,同时还分析了企业级开发流程以及规范说明,让同学们对中大型公司的敏捷开发有一个初步认知. 第2章 环境及框架准备[必备基础]本章主要讲解环境的安装,通过composer获取TP6源码,nginx的配置等工作,环境是我们一切学习的根源,造起来. 第3章 TP6基础知识[新框架]本章主要讲解了TP5/TP6异同之处,基础的控制器层.模型层的使用,杜绝无效请求让代码更加健壮,数据库

==原创==Ubuntu14.04安装OPENCV3.0流程及遇到的问题

Ubuntu14.04安装OPENCV3.0流程及遇到的问题 [email protected] http://www.cnblogs.com/mcjj 作者:马春杰杰 2017年6月14日22:38:23 我的电脑环境: Ubuntu14.04LTS + CUDA8.0 + CUDNN5.0 + Nvidia-367.44驱动 + OPENCV3.0-beta 我是按照这篇文章来的: Ubuntu14.04安装OpenCV3.0 - Linux系统教程 首先是刚开始的时候就遇到了错误,Unsu

(转)windows下安装Ionic

原文:http://www.itwap.net/ArticleContent.aspx?id=26 Ionic官方教程: http://learn.ionicframework.com/videos/windows-android/ 以下内容参考官方教程得出.         1.下载JDK并配置好Java运行环境   下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Emacs安装配置全攻略之一编译安装简单配置

/******************************************************************************************************************************************/ 原创作品,转载时请务必以超链接形式标明文章原始出处:http://blog.csdn.net/gqb_driver/article/details/29407717,作者:gqb666 /***************