【学习笔记】ionic 学习之环境搭建

初学ionic ,后面会把学习的点滴和踩到坑全部记录下来

1.环境

安装node.js

官网地址:https://nodejs.org/en/

下载安装包安装。自己记住自己的安装路径哦

安装完成后我们测试一下

方法 运行-cmd  在命令窗口 输入node -v  npm -v

这样说明你node安装成功了

安装android开发环境

下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

我下载的32位

安装的时候会提示两个Jre 和jdk 最好把两个放在同一个目录下。这是我的目录。方便后面添加环境变量

添加环境变量

安装后需要进行如下配置:

在“系统变量”中,设置3项属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”,多个环境变量之间用;隔开,不存在则点击“新建”。

1)JAVA_HOME

 

  2)CLASSPATH

CLASSPATH   C:\Program Files\Java\jdk1.7.0_79

 3)Path

%JAVA_HOME%\bin;

  在系统变量Path的值的最前面加入.否则可能在运行时,系统选择部署在前面的jdk环境。

环境变量添加完成后再dos窗口

安装成功

安装android开发环境

下载地址:http://dl.google.com/android/android-sdk_r24.4.1-linux.tgz

下载完成安装,添加环境变量 ANDROID_HOME=安装路径   PATH=$PATH:${ANDROID_HOME}/platform-tools

安装Apache Ant 

下载地址  http://mirror.tcpdiag.net/apache/ant/binaries/

 下载完成后解压 ,如存放在C盘 Program Files目录下则Path中添加如下值 C:\Program Files\apache-ant-1.9.4\bin;

并添加path环境变量(添加方法和java配置path变量是一样的,注意以 ; 隔开每个环境变量的值)

      

安装Ionic 和 Cordova

运行“CMD” 键入“npm install -g cordova ionic”   全局安装

安装Ionic

$ sudo npm install -g ionic

创建一个项目

$ ionic start myApp tabs
创建了一个myApp项目,使用了tabs模板,另外还有两个模板blanksidemenu

添加平台并编译(要添加ios,直接add ios)

$ cd myApp
$ ionic platform add android
$ ionic build android

在本地浏览器测试

$ ionic serve

到此为止我们的ioni 环境就全部安装好了。可以开始我ionic学习之路了

时间: 2024-10-21 10:37:49

【学习笔记】ionic 学习之环境搭建的相关文章

Hadoop学习笔记—22.Hadoop2.x环境搭建与配置

自从2015年花了2个多月时间把Hadoop1.x的学习教程学习了一遍,对Hadoop这个神奇的小象有了一个初步的了解,还对每次学习的内容进行了总结,也形成了我的一个博文系列<Hadoop学习笔记系列>.其实,早在2014年Hadoop2.x版本就已经开始流行了起来,并且已经成为了现在的主流.当然,还有一些非离线计算的框架如实时计算框架Storm,近实时计算框架Spark等等.相信了解Hadoop2.x的童鞋都应该知道2.x相较于1.x版本的更新应该不是一丁半点,最显著的体现在两点: (1)H

【Lua学习笔记之:Lua环境搭建 Windows 不用 visual studio】

Lua 环境搭建 Windows 不用 visual studio 系统环境:Win7 64bit 联系方式:[email protected] 前言: 最近需要学习Unity3d游戏中的热更新技术,选择ULua方案,因此准备学习一些Lua的基础知识.之前在Ubuntu上曾经写过Lua版本的"HelloWorld", 但那时的环境搭建只需要下载源码,然后 make & make install 就可以了,但一到Windows下就完全不会做了.经过网络查找对比,得到目前自认为较好

python学习笔记二:IDE环境搭建

工欲善其事,必先利其器.每个IDE都有自己的优点,适合的才是最好的. [伯乐在线]Python 非常易学,强大的编程语言.Python 包括高效高级的数据结构,提供简单且高效的面向对象编程.Python 的学习过程少不了 IDE 或者代码编辑器,或者集成的开发编辑器(IDE).这些 Python 开发工具帮助开发者加快使用 Python 开发的速度,提高效率.高效的代码编辑器或者 IDE 应该会提供插件,工具等能帮助开发者高效开发的特性.最好的 10 款 Python IDEs,这里详细介绍前两

cocos2dx-js学习笔记(一)环境搭建

本人眼下的学习方向是cocos2dx+js的开发方式,开发调试使用webstrom和火狐浏览器,调试完毕的项目使用cocos2dx+jsb的方式编译到PC或android设备执行.主要时间用在学习,所以博客仅仅记录一些流程和关键问题的解决,不会太具体. 下载文件: 1.下载官方cocos2d-js-v3.0alpha2,眼下是这个版本号 2.下载webstrom 3.下载Firefox浏览器 搭建流程: 1.解压或安装上述三个文件. 2.打开webstrom,选择最后一项一项"Source fi

Git学习笔记1--特点及环境搭建

Git的简介: 是一个开源的分布式版本控制系统,是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件. Git与SVN的区别: Git是分布式的,而SVN是集中式的 SVN需要有一个中央服务器用来存放版本库,在使用时需要先从中央服务器下载最新的版本,然后进行修改,修改后需要再提交到中央服务器.这样的缺点是必须联网,而且如果文件太大而网速又不是很好,使用起来会非常麻烦. Git是一个分布式版本管理系统,也就是每一台使用者的电脑都有一个完整的版本库,

Lua 学习笔记(一)环境搭建

Lua是一个小巧的脚本语言.Lua由标准C编写而成,代码简洁,几乎在所有的操作系统和平台上都可以编译,运行. 工具: 1.Sublime Text 2 2.LuaForWindows_v5.1.4-46.exe 为了方便开发,借助于Sublime Text 2来学习和运行lua文件,当然Sublime Text 2也是我最喜欢和最强大的文本编辑器,完全可以用来做开发IDE. 首先,安装LuaForWindows_v5.1.4-46.exe到本地, 下载安装Sublime Text 2后,找到安装

学习笔记2-安卓开发环境搭建、创建虚拟机

下载安装开发插件ADT 1.      http://dl.google.com/android/ADT-22.3.0.zip 后面是对应版本就可以.可以根据自己需求下载 我用的是15.0.0 百度网盘下载链接:http://pan.baidu.com/s/1nt4zsut 密码:5o2d 2.      我使用的是eclipse luna/Kepler,Help→Install New Software→Add name:ADT location:选择ADT文件 全选,把最下面的自动连接网络更

TypeScript学习笔记(一) - 环境搭建

本篇将简单介绍一下TypeScript,并记录开发环境的搭建.使用Visual Studio Code进行一个简单的Demo开发过程. 第一部分.简介 TypeScript是一种由微软开发的自由和开源的编程语言.是JavaScript的一个超集.它在保留JavaScript语言本身特性的基础上添加了大量静态语言具有的一些特性,包括但不限于以下几点: 可选的静态类型 枚举.接口和类 命名空间 模块 Lambda表达式 编译时类型检查 在2013年6月微软正式发布了0.9版.之后在不断更新的过程中逐

Go语言学习笔记(一) : 搭建Windows下的Go开发环境

最近突然对Go语言产生了兴趣,主要是因为在使用python的时候遇到了一些不爽的问题,然后发现了Go.Go是Google出的一个动态语言,语法和C++接近,性能也非常的好,而且还支持编译成exe发布,并且不依赖任何虚拟机(其实是打包在exe里面了),这种好语言怎么能够错过?所以便一时兴起,开始学习了起来.由于本人还处于异常小白的阶段,所以文章中可能不免有些错误,欢迎大家各种指正. 安装Go 前往Go语言的官方网站:http://golang.org/, 下载对应平台的安装包.如果是x86的系统可

Android学习笔记(二):搭建安卓开发环境

① 下载 JDK 5 or JDK 6 (JRE alone is not sufficient) ->安装->设置环境变量JAVA_HOME CLASSPATH path 下载地址:Download JDK ② 下载 Eclipse 3.3 (Europa), 3.4 (Ganymede) IDE for JAVA-> 解压 下载地址:Eclipse for JAVA developer ③ 下载 Android SDK 解压-> path 里加入 SDK 包中的 tools 目