ionicDemo笔记 - Todo List (1)
ionicDemo笔记 - Todo List (1)
冰星零 发表于3年前
ionicDemo笔记 - Todo List (1)
  • 发表于 3年前
  • 阅读 99
  • 收藏 1
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 使用 Ionicframework + angularjs 开发 安卓上的 Todo List

    最近一直在学习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下的效果

标签: angularjs ionic
共有 人打赏支持
粉丝 6
博文 6
码字总数 3263
×
冰星零
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: