部署ionic开发环境
(1)安装Node.js
首先您需要安装 Node.js,后续会使用到其中的 NPM 工具。
(2)安装JDK
需要安装JDK,官网下载安装。命令窗口中输入 java -Xmx2048m -version 进行检查。32位系统环境下无法运行Xmx2048m的内存设置。
系统变量→新建 JAVA_HOME 变量 。变量值填写jdk的安装目录(本人是 E:\Java\jdk1.7.0)
系统变量→寻找 Path 变量→编辑.在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;(注意原来Path的变量值末尾有没有;号,如果没有,先输入;号再输入上面的代码)
系统变量→新建 CLASSPATH 变量。变量值填写 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(注意最前面有一点)
添加环境变量"_JAVA_OPTIONS",值:“-Xmx512m”(512m是分配的内存空间,还可以是1024m、2048m等)
(3)安装Android SDK
需要安装Android SDK,或者通过安装Android Studio来完成Android SDK的安装。可能会出现sdk版本不对需要另外下载,并放置在:C:\Users\***\AppData\Local\Android\Sdk\platforms中。
(4)安装Gradle
需要安装Gradle,这是一套android构建打包工具,用于生成android app。如果已经安装了Android Studio,其中就包含了Gradle。
下载:http://services.gradle.org/distributions/
下载gradle-4.1-all.zip,源码不需要安装,我们将下载的压缩包在本机的目录下直接解压即可。
接下来我们为Gradle配置环境变量,安装过jdk的朋友对环境变量的配置应该不陌生了。我们右键“这台电脑”-->"属性"-->"高级系统设置"-->"环境变量"-->"系统变量",按照上述步骤找到环境变量设置的位置。我们在系统变量中新增一个GRADLE_USER_HOME值为解压后的路径,然后我们还需要修改Path变量,将Gradle的bin目录添加进去,我们在Path变量的最后面添加;%GRADLE_USER_HOME%\bin,注意前面的分号(;)一定不能少。
配置完成后我们查看一下本机安装的gradle的版本信息,使用快捷键Win+R弹出的输入框中输入cmd,然后打开命令窗口,在命令窗口中输入 gradle -v 可以查看到gradle的版本信息。
(5)命令行安装cordova和ionic
cordova是底层实现跨平台(iOS&Android)的技术,ionic本身来说只是基于AngularJs的UI组件库。
然后通过命令行工具安装最新版本的 cordova 和 ionic 。
Window 和 Linux 上打开命令行工具执行以下命令:
npm install -g cordova ionic
如果你已经安装了以上环境,可以执行以下命令来更新版本:
npm update -g cordova ionic
(6)创建AVD
AVD的全称为:Android Virtual Device,就是Android运行的虚拟设备。不安装也不影响开发,可以直接在手机上进行测试。
SDK Manager:就是一个Android软件开发工具包管理器,连接本地和服务器,从服务器下载安卓开发所需要的工具到本地。
AVD Manager:是一个Android虚拟驱动管理器,主要用来创建安卓模拟器。(安卓模拟器所需的镜像是通过SDK Manager来下载的)。
Android_SDK 下载地址: http://tools.android-studio.org/index.php/sdk
使用SDK Manager安装组件。使用AVD Manager创建AVD。
(7)创建并运行
使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用
ionic start myApp tabs
ionic start myApp sidemenu
ionic start myApp blank
ionic start sidemenuTabs https://github.com/pointdeveloper/ionic-2-sidemenu-tabs --type=ionic-angular
创建过程中会提示是否安装Ionic Pro根据情况选择,Ionic Pro是他们团队推出的一个云平台,帮助你开发、远程部署、打包之类的。
如果项目中没有node_modules则输入命令:npm install
运行项目:ionic serve
配置android环境:ionic cordova platform add android
检测项目环境,缺什么补什么:cordova requirements android
创建android应用:ionic cordova build android
启动android模拟器:ionic cordova emulate android;ionic cordova run android -l
部署ionic开发环境的更多相关文章
- Ionic 开发环境搭建
android sdk环境搭建并非易事,本人经过无数失败,才使用以下方式成功 配置Ionic 开发环境 1.下载JDK并配置Java运行环境 http://www.oracle.com/technet ...
- 部署.NET开发环境
昨晚把家里的电脑重新部署.NET开发环境.从晚上21点安装到今天凌晨3点多才完成,还算顺利,但是耗时最漫长莫过于在安装Visual Studio 2015 Update3...... 第一,全新安装W ...
- Vagrant 部署python开发环境
Vagrant简介 Vagrant是一个基于Ruby的工具,用于创建和部署虚拟化开发环境.它使用Oracle的开源VirtualBox虚拟化系统,使用 Chef创建自动化虚拟环境. 在Windows下 ...
- Apache Spark1.1.0部署与开发环境搭建
Spark是Apache公司推出的一种基于Hadoop Distributed File System(HDFS)的并行计算架构.与MapReduce不同,Spark并不局限于编写map和reduce ...
- Windows 下 Ionic 开发环境搭建
Ionic 介绍 首先,Ionic 是什么. Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架,类似的其他框架有:Intel XDK等. 简单 ...
- win10+vscode部署java开发环境
目录 Java开发插件配置: 调试: 快捷键: 启动配置文件launch.json: 启动配置说明: Launch: Attach: User Setting: 遇到的问题: 参考: Java开发插件 ...
- 使用Vmware虚拟机部署Swift开发环境之Mac OSX系统安装
一.使用VMware虚拟机部署Swift开发环境所需工具: Vmware Workstation 10.0虚拟机软件VM安装Mac解锁工具Unlock苹果操作系统(Mac OS X Mavericks ...
- CentOS7 + Python3 + Django(rest_framework) + MySQL + nginx + uwsgi 部署 API 开发环境, 记坑篇
CentOS7 + Python3 + Django(rest_framework) + MySQL + nginx + uwsgi 部署 API 开发环境 CentOS7 + Python3 + D ...
- 如何使用Docker部署PHP开发环境
本文主要介绍了如何使用Docker构建PHP的开发环境,文中作者也探讨了构建基于Docker的开发环境应该使用单容器还是多容器,各有什么利弊.推荐PHP开发者阅读.希望对大家有所帮助. 环境部署一直是 ...
随机推荐
- Jmeter-----【mac电脑】配置web浏览器的代理抓取请求
在测试中,不仅会涉及到APP中的数据测试,时常我们APP的数据需要与后台进行交互,因此我们不可避免的也需要对web进行接口测试,更准确的来说是使用web的接口来快速的帮我们实现App中所需的数据录入, ...
- 【SAP S/4 1511之变】:主数据之变
本博文主要讲述SAP S/4 1511版本的变化,主要是跟ECC版本的对比.变化还是挺多的,相当一部分是后勤,但绝大部分还是财务成本这一块.作为从事S/4版本的从业者,了解1511版本的变化还是挺有必 ...
- 对Javascript 类、原型链、继承的理解
一.序言 和其他面向对象的语言(如Java)不同,Javascript语言对类的实现和继承的实现没有标准的定义,而是将这些交给了程序员,让程序员更加灵活地(当然刚开始也更加头疼)去定义类,实现继承 ...
- linux命令----查看磁盘空间
今天用“web发布平台”发布测试的服务,两个节点中发现有一个节点没有发布成功,压测TPS始终上不去,排查后发现只有一个节点在打日志,另一个节点的服务进程都没有在运行,由此断定应该是没有发布成功,有点坑 ...
- LeetCode重建二叉树系列问题总结
二叉树天然的递归特性,使得我们可以使用递归算法对二叉树进行遍历和重建.之前已经写过LeetCode二叉树的前序.中序.后序遍历(递归实现),那么本文将进行二叉树的重建,经过对比,会发现二者有着许多相似 ...
- C#删除字符串最后一个字符
例:字符串 string str="2,3,5,7,9," 去掉最后一个逗号 ","; 常用的方法: 1.SubString()方法 str=str.SubSt ...
- 正确分析结构使用正确的HTML标签。CSS样式写一起。
在内容中 一行内容包括三张图片,每张图片下面有标题和具体介绍,那么可以使用: 分析和解决如下步骤: 1,一行三块,先向左浮动成为一行float:left. 2,把他们的宽度平分三份,33.3%.三份都 ...
- 关于bootstrap报错
在使用bootstrap报错.报错的位置如下 if("undefined"==typeof jQuery)throw new Error("Bootstrap's Jav ...
- hdfs一直处于safemode模式
目前来看,导致hdfs一直处于safemode模式最直接的原因是已成功复制的块的比例没有达到默认值,块的损坏也会造成一直处于安全模式. 1)文件系统中有损坏的文件,使用fsck命令来查看 hadoop ...
- python从学渣到学沫的半月天
今天又要引进一个新的知识点了,就是模块,可以直接引用的一个东西,从实用性来说很强大,不过还是需要记住模块的类型啊,如何应用还是需要学习和了解的.其中模块是分三种的,一种内置模块python内部提供的功 ...