ionic 安装

  • ionic 安装

本ionic安装教程采用了ionic v1.0.1 版本。

ionic 最新版本下载地址：http://ionicframework.com/docs/overview/#download。

下载后解压压缩包，包含以下目录：

css/               =>     样式文件
fonts/             =>     字体文件
js/                =>     Javascript文件
version.json       =>     版本更新说明

你也可以在 Github 上下载以下资源文件：https://github.com/driftyco/ionic（在release 目录中）。

接下来，我们只需要在项目中引入以上目录中的 css/ionic.min.css 和 js/ionic.bundle.min.js 文件即可创建 ionic 应用。
实例
<ion-header-bar class="bar-positive">
    <h1 class="title">Hello World!</h1>
</ion-header-bar>

<ion-content>
    <p>Hello Word ionic 安装教程！</p>
</ion-content>

本教程着重讲解 ionic 框架的应用，大部分实例在浏览器中运行 ，移动设备上运行可以在接下来的命令行安装教程中详细了解。

注意：在移动应用如 phonegap 中我们只需将对应的 js 和 css 文件加入到资源库中即可。

  • 命令行安装

首先您需要安装 Node.js，我们在接下来的安装中需要使用到其 NPM 工具，更多 NPM 介绍可以查看我们的NPM 使用介绍。

然后通过命令行工具安装最新版本的 cordova 和 ionic 。通过参考Android 和 iOS 官方文档来安装。

Window 和 Linux 上打开命令行工具执行以下命令：

$ npm install -g cordova ionic

Mac 系统上使用以下命令：

sudo npm install -g cordova ionic

提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。

如果你已经安装了以上环境，可以执行以下命令来更新版本:

npm update -g cordova ionic

或

sudo npm update -g cordova ionic

创建应用

使用ionic官方提供的现成的应用程序模板，或一个空白的项目创建一个ionic应用：

$ ionic start myApp tabs

运行我们刚才创建的ionic项目

使用 ionic tool 创建，测试，运行你的apps(或者通过Cordova直接创建)。
创建Android应用

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

更多ionic安装内容待续...

  • 推荐一下个人拙作

技术成就梦想，更多基础教程请登录勤快学基础教程http://www.qkxue.net

更多it培训精彩内容，请登录勤快学it培训http://www.qkxue.com

购买淘宝白菜价请登录夸值网白菜价http://www.kuazhi.com

app软件开发请登录腾云科技app软件开发http://www.ty300.com

时间： 2024-11-10 03:19:56

ionic 安装的相关文章

Ionic 安装遇到的问题以及解决方案

http://www.cnblogs.com/wjw-blog/p/4840727.html 公司里要用到 Ionic 做移动App 混合开发 一个环境搭建折腾了好几天.一是公司权限问题,二是网络问题,你懂得. Ionic 环境搭建官网有教程.本来几行命令就能搞定的事,一旦遇到网络问题,就蛋疼了.慢的要死 Ionic 框架简单了解了一下,由于是基于Anjular.js的,拥有Anjular.js的一些独有特性.比之前接触过的JS ,jQuery ,jQueryMobile要强大且方便的多. 安装

ionic安装

ionic 安装 安装之前,首先确保你安装了nodejs!!!在Windows平台,还需要确保安装了Ant.Java.Android!!!并设置环境变量 1.安装Cordova npm install -g cordova //全局安装 npm install - g cordova //全局安装 2.安装Ionic npm install -g ionic npm install - g ionic 3.创建一个Ionic项目 ionic start todo blank //项目名称todo

ionic安装拍照选照片插件

1.安装插件,也可以用ionic plugin add .... phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-media-capture.git phonegap local plugin add

ionic安装及测试

官方教程: http://ionicframework.com/getting-started/ 官方教程写得比较简单,简单来说就是 1)安装nodejs(安装方法:http://www.cnblogs.com/tujia/p/5993852.html) 2)利用nodejs的npm包管理器安装 cordova 和 ionic,命令如下 npm install -g cordova ionic 附:上面安装可能会失败,因为安装cordova 和 ionic 时要下载的东西大多需要FQ才能下载,如

npm命令ionic安装失败cordova安装失败解决方法

转载:http://bbs.phonegap100.com/thread-2622-1-1.html 镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在): 1.通过config命令 npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正确这个命令会有字符串response) 2.命令行指定 npm --registry https://re

ionic 安装本地插件极光推送

问题:按照官方文档的步骤 假如把插件保存到了D:\push\jpush,当执行到 cordova plugin add D:\push\jpush 的时候,ionic 不是从本地目录安装,而是从registry.cordova.io上搜索!!! 原因:待查(难道是‘\'是特殊的转义字符?请大神指教!) 解决方法:把路径中的 '\' 改为 '/' ,完美运行 cordova plugin add D:/push/jpush 注:在这个帖子里 http://ionichina.com/topic/5

VS2015+cordova+ionic安装配置

VS2015已经出了正式版,想用来试一下cordova方面的开发.最近在看ionic这个框架,于是想能在VS2015里编辑js就好了. 下面说一下蛋疼的安装配置过程. 一.安装VS2015及Android SDK 首先Android的SDK最好提前下好,我是从另一个电脑上把已经下好的sdk复制到D盘Android目录下,这样安装VS2015的时候就不用选择SDK下载了,速度会快点. 安装VS2015的时候最好网络FQ一下,不然有些组件有可能会下载失败.安装的组件我没选Xamarin,这玩意太贵用

Ionic 安装创建项目

在安装了node+Cordova的情况下(过程参考我之前的文章Phonegap环境配置),安装ionic: 安装ionic npm install -g ionic Android创建安装: npm install -g npm //后续start步骤出错,故在此处将npm转为全局,后顺利 F: cd wwwroot_ionic //切换到创建文件的目录下 ionic start myproject cd myproject ionic platform add android ionic bu

Ionic 安装JPush过程

1.在官网注册App帐号,完成后会生成对应的AppKey 2. 进行在线安装 cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git  --variable API_KEY=XXXXXX 安装成功之后会看到对应的插件和生成的cn.jpush.android.api.JPushInterface类 这个版本如果根据别名发送通知,在登录的时候保存别名的格式如下: window.plugins.jPushPlugin.