ionic环境搭建和安装

1. 安装node环境

nodeJs环境的安装很简单,去官网下载最新版的NodeJs直接安装即可。

Node官网: https://nodejs.org/

安装完成后配置环境变量,计算机->属性->高级系统设置->环境变量->(选中PATH变量)->编辑->在变量值后加入node路径,与其他变量值用;隔开

配置完成后在cmd中输入 npm -v 回车。如果出现版本号说明安装成功。

(未成功自行百度配置node环境)

2. 安装jdk并且配置环境变量

jdk下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

安装完成以后配置环境变量:

JAVA_HOME(安装路径有空格会无效):

JDK的安装路径,这个环境变量本身不存在,需要创建,其值为:jdk在你电脑上的安装路径。

PATH(用户变量):

PATH属性已存在,可直接编辑。作用是用于配置路径,简化命令的输入,其值为:%JAVA_HOME%\bin。 

CLASSPATH(系统变量):

 用于编译时JAVA类的路径,注意这里设置的是两个值,(.;)表示的是JVM先搜索当前目录。其值为:.;%JAVA_HOME%\lib\tools.jar。

配置完毕后,通过cmd运行以下命令:java -version, 如果出现返回信息,则设置成功。

3. 安装Android SDK.

下载地址1: http://developer.android.com/sdk/index.html 这个地址被墙了。需要FQ使用。

下载地址2:http://www.android-studio.org/  这是Android studio中文社区地址

这里可以只下载Android SDK 不需要一并下载 Android Studio。下载完成并安装然后向系统Path环境变量中添加两个值。分别是 Android SDK中tools目录的路径和platform-tools的路径。例如:

C:\Program Files (x86)\Android\android-sdk\tools;

C:\Program Files (x86)\Android\android-sdk\platform-tools;

如果发现Android SDK安装目录中并没有 “ platform-tools”这个文件夹,应该运行tools目录下的android.bat文件,然后出现如下界面,勾选Android SDK Platform-tools 然后安装。

环境变量配置完成以后在cmd中输入 android并且回车。如果出现android sdk manager则说明安装成功。

4. 安装 Apache ant.

ant下载地址: http://ant.apache.org/bindownload.cgi

环境变量:

Windows下ANT用到的环境变量主要有2个: ANT_HOME 和 PATH。
eg:
1. 设置ANT_HOME指向ant的安装目录。
设置方法:ANT_HOME = D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6

2. 设置bin和lib目录到PATH变量中(用户变量)。将%ANT_HOME%\bin; %ANT_HOME%\lib添加到环境变量的path中。
设置方法:PATH = %ANT_HOME%\bin; %ANT_HOME%\lib

安装如果不成功可以把%ANT_HOME%换成真实的路径。

如:     D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6\bin;D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6\lib

安装完成以后在cmd中输入 ant -version 验证是否安装成功。

5. 安装ionic和demo项目下载。

1.使用npm下载ionic

npm install -g ionic

2.选择一个ionic模板项目下载到本地。中间会有一些问询,比如是否使用sass.app的命名等。

md myApp

cd myApp //创建一个文件夹并且进入。

ionic start myApp tabs

3.给项目添加android平台。

ionic platform android

4.在模拟器中运行项目

ionic emulate android

说明: 运行emulate/run命令的时候会在platforms目录下生成apk.

在执行platform和emulate命令的过程中如果出现报错大多是因为android环境没有安装完全导致的。请在cmd中输入android打开android SDK manager检查相关的包是否已经安装完全。

一般来说,tool和emulator都是必须要安装的.然后选择某一版本的android API进行安装。

                                              此方法来源百度和自己搭建过程的记录,有些地方可能没写到或者有误差,欢迎指正

时间: 2024-07-30 02:50:02

ionic环境搭建和安装的相关文章

Ionic 环境搭建,代理设置

一.介绍 Ionic 是一个 CSS+JS 界面框架,Ionic 使得开发者能够使用 HTML 编写出手机 App 界面,外观和原生手机 App 非常相似. Ionic CLI 使得开发者能够将 Ionic 开发的界面打包成 IOS 的 .ipa 包,或者 Android 的 .apk 包. 二.搭建 Ionic 环境 1. 首先安装 node.js 和 npm a. 如果你是在 Windows 平台下,请下载 node.js 的安装包并安装,安装包里面自带 npm.地址是:https://no

HHvm Apache 2.4 Nginx建站环境搭建方法安装运行WordPress博客

HHvm Apache 2.4 Nginx建站环境搭建方法安装运行WordPress博客 VPS主机   2014年06月02日 17:20 评论» 文章目录 Debian上安装 CentOS上安装 Ubuntu上安装 装Wordpress HHvm安装小结 HHVM是一个强大的可以用于替代PHP的建站环境,出自Facebook团队,它是一个PHP的JIT(Just-In- Time)编译器,同时具有产生快速代码和即时编译的优点.实践证明HHVM可以明显地提升PHP执行速度,节省大量的服务器资源

ionic环境搭建详细步骤

环境搭建步骤: 1.安装node.js  这是为了使用npm来安装ant,cordova,ionic 验证是否安装好node.js的方法是在命令提示符中输入"node -v"     若出现版本号,证明安装成功. nodejs 中文网站 http://nodejs.cn/ 下载安装就可以了   安装步骤可以参考 http://www.runoob.com/nodejs/nodejs-install-setup.html 2.下载jdk,并配置java环境(网上教程很多)      验证

Node.js环境搭建&&npm安装

Node.js环境搭建 第一步:进入官网,然后直接点击左边的下载左边的部分,因为其提示 “Recommended For Most Users”. 第二步:下载得到的是msi文件,直接双击安装,一路next即可安装完成. 第三步:这时,我们就可以在“开始”中找到最新添加了两项内容,可以创建快捷方式到桌面上方便使用.如图: 第四步:安装完成后,按下win+R ,然后输入cmd后进入dos窗口,直接输入 node -v,这时我们可以看到你所安装的版本号,表示安装成功,如下所示: 第五步:npm安装.

Vue.js开发环境搭建(安装过程遇到的问题)

网络上关于Vue.js的安装过程有很多介绍,这里不多赘述,这里只是记录自己安装过程和遇到的问题 1 首先安装node.js 到官网下载node.js安装包,安装过程和一般软件没有区别.安装完成后到终端查看版本号,若如下图所示,表示安装成功. 2.node.js环境变量新建 其实安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找到node.js的安装根目录,在当中新建"node_global"和"node_cache"两个文件夹.

appium使用教程(一 环境搭建)-------------2.安装部署

1)      安装appium     2)      SDK(不建议使用模拟器,占用内存很大,会造成机器卡顿.另外模拟器还存在兼容性问题:pc为x86架构,绝大多数的手机都是ARM架构,app的兼容性会有问题) 官方下载地址https://android-sdk.en.softonic.com/ 安装完成后截图:   安装模拟器(使用真机跳过这一步)     启动模拟器(使用真机跳过这一步)     先新建模拟器,再启动模拟器 3)      检查appium环境 a.进入D:\Progra

个人环境搭建——ANT安装

ANT安装 ant的安装有两种方式: 第一种,手动安装 (1)首先需要在Apache官网下载最新版的Ant,下载地址为:http://ant.apache.org/bindownload.cgi   (第一步,官网下载tar包) (2)然后将下载后的文件解压到 /opt 目录下(这个路径是自己定义).  (第二步,解压到/opt目录下) sudo cp apache-ant-1.9.4-bin.tar.gz  /opt/ (可能会要求输入密码) sudo tar -zxvf apache-ant

Linux虚拟机学习环境搭建—虚拟机安装

接上一篇的Linux虚拟机学习环境搭建-虚拟机创建"  点击"开启此虚拟机",进入系统安装界面. Tab键可以调整选项,直接选择第一项,回车.备注:鼠标点击进入虚拟机,要跳出虚拟机回到主机控制,按下Ctrl+Alt. 出现Disc Found界面,用Tab键,选择到Skip选项,回车.备注:此操作是校验安装文件是否有损坏,现在是安装学习测试机,跳过校验. 进入到图标界面,单击 "下一步" 进入到语言选择界面,此处选择"English",

sqli-labs环境搭建与安装

先决条件: 1.安装phpstudy; 链接:https://pan.baidu.com/s/1yeOLf7Mty5bEGLPUSodILg 提取码:y3vl 2.安装sqli-labs-masters; 将sqli-labs-masters解压,放到phpStudy安装目录下的/PHPTutorial/WWW 链接:https://pan.baidu.com/s/1aKbc0fnsLglAlwHNC1H9cg 提取码:ap0n 3. 修改/sqli-labs-masters/sql-conne