文档章节

ionicDemo笔记 - Todo List (1)

冰星零
 冰星零
发布于 2015/02/17 14:08
字数 257
阅读 99
收藏 1

    最近一直在学习angularjs,在web开发上,其数据绑定的便捷性,和代码的规范性,让人用的非常爽快。

直到我发现了Ionicframework 这个可用于生成Android 和Ios 多平台的hybrid开发框架,正是使用angularjs 为基础,于是准备用其练练手。

废话不多说,先上源码包

http://share.weiyun.com/5e2eadb2bc2c4996d814a06fd6b94de9

    Ionic 需要先安装Nodejs, 然后,使用以下命令安装 Ionic

$ npm install -g cordova ionic



    cd到指定目录,使用以下命令创建项目

$ ionic start myApp blank



有俩种模版

Tab导航的


$ ionic start myApp tabs



SideMenu导航的


$ ionic start myApp sidemenu



然后执行以下命令

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



如果需要 release 版的

$ ionic build android --release



你会在
myApp\platforms\android\ant-build



文件夹下找到生成的Apk

如果需要做浏览器测试

在 myApp目录下, 执行 

$ ionic serve



会打开浏览器并打开页面.

这是Chrome下的效果

© 著作权归作者所有

共有 人打赏支持
冰星零
粉丝 6
博文 6
码字总数 3263
作品 0
常州
程序员
ionic2.0 beat37 安装

(1)首先安装nodejs node 下载地址:https://nodejs.org/dist/latest-v5.x/ 下载里面的node-v5.12.0-x64.msi 或者node-v5.12.0-x86.msi 区别是32位机器和64位机器。 下载后点击下一步一步步...

tianyawhl
2016/09/20
12
0
写给懒人的时间管理指南

总而言之,时间是最稀有的资源。若不将时间管理好,要想管理好其他事情就只是空谈。而分析自己的时间,也是系统地分析自己的工作,是鉴别工作重要性的一种方法。 - 「卓有成效的管理者」彼得...

ershou
2017/06/23
0
0
ionic打包遇到的问题与解决的方法

ionic打包流程 1、首先 下载好android SDK,配置环境变量 http://jingyan.baidu.com/article/49ad8bce54b1535834d8fa86.html SDK环境变量配置 http://jingyan.baidu.com/article/e75aca85508......

tianyawhl
2016/12/06
365
0
ionic 自动生成APP图标与启动界面

1、首先把原始图放到resourse 文件夹里面的android>icon 以及android>splash 注意原始图的名称为icon.png (图片最小192x192 px)及splash.png(图片最小 2208x2208 px) 2、输入命令ionic r...

tianyawhl
2016/12/07
19
0
Java基础 笔记

基础问题 List中去除null 配置管理 maven配置管理,配置maven插件,根据不同的命令读取不同的配置文件 --todo #查看当前处于激活状态的profile maven配置文件管理 1. 在src/main/resources下建...

pandudu
2016/12/27
6
8

没有更多内容

加载失败,请刷新页面

加载更多

linux学习-0919

linux和windows互传文件 用户配置文件和密码配置文件 用户组管理 用户管理 一、linux和windows互传文件 linux和windows可以互相传输文件,但是需要使用xshell 并且安装lrzsz包: yum insta...

wxy丶
25分钟前
1
0
收集几个开源的微信小程序开发框架

1、 mpvue mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小...

哥本哈根的小哥
31分钟前
1
0
Golang CSP并发模型

今天介绍一下 go语言的并发机制以及它所使用的CSP并发模型 CSP并发模型 CSP模型是上个世纪七十年代提出的,用于描述两个独立的并发实体通过共享的通讯 channel(管道)进行通信的并发模型。 CS...

xtof
32分钟前
1
0
用chrome在电脑上模拟微信内置浏览器

先了解安卓微信和Ios微信的UA(User agent:用户代理) 安卓微信UA: mozilla/5.0 (linux; u; android 4.1.2; zh-cn; mi-one plus build/jzo54k) applewebkit/534.30 (khtml, like gecko) ve......

可达鸭眉头一皱
38分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部