转载

发表于 2016年02月25日
浏览 (599)
评论 (0)

搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

目前的手机APP有三类：原生APP，WebAPP，HybridApp；HybridApp结合了前两类APP各自的优点，越来越流行。

Cordova就是一个中间件，让我们把WebAPP打包成HybridAPP，并且它提供了非常多的插件，方便我们使用原生APP的功能。

Ionic是一个界面样式库，仿照原生的ios和android界面；同时它是基于 AngularJs 的。

本文我们在win7中搭建 AngularJS+Ionic+Cordova 开发环境，包括所涉及的Node.js、Cordova CLI、JDK及Android SDK等。

关于Android开发环境的搭建，以及Cordova的下载使用，我们上一篇已经说明：《Cordova环境搭建 & HelloWorld》

这一篇，我们来使用 AngularJS+Ionic+Cordova 快速地做出我们第一个HybridAPP，开始吧！

搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

开始步骤网站上有： http://ionicframework.com/getting-started/

官网css组件： http://ionicframework.com/docs/components/#header

1 安装Ionic和Cordova

官网 http://ionicframework.com/

国内 http://www.ionic.wang/

命令行安装ionic

 $ npm install -g cordova ionic

2 新建一个Ionic项目

 $ ionic start myApp tabs

3 运行我们刚才创建的Ionic项目

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

4 在浏览器预览并实时刷新

 $ ionic serve

我们选择localhost，并把浏览器调成mobile模式；

然后我们进入编辑器修改项目文件夹www中的代码，看到，浏览器已经可以跟着我们的保存实时刷新，非常好用！！！

搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

原文 http://www.cnblogs.com/woodk/p/5215652.html

正文到此结束

所属分类：编程技术

本文标签： tar HTML 下载 App http 代码 src js Node.js build node CSS AngularJS tab UI 开发 web 安装插件网站 Android
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

热门推荐

openfire数据库安装指南

浏览(13,742) 评论(0)
Caffe 深度学习框架上手教程

浏览(10,456) 评论(0)
ReactiveCocoa入门教程：第一部分

浏览(11,287) 评论(0)
开源HIDS-OSSEC使用实例:监测CC攻击

浏览(11,195) 评论(0)
Decorators in ES7

浏览(15,738) 评论(4)
用Electron（Atom编辑器的兄弟项目）开发桌面应用

浏览(28,762) 评论(0)
Windows下JetBrains CLion中文输出乱码的解决方法

浏览(12,215) 评论(1)
同步-@synchronized, NSLock, pthread, OSSpinLock性能比较

浏览(11,177) 评论(0)
Seaweedfs之Volume读请求重定向

浏览(25,455) 评论(3)
HTML、CSS及JavaScript ：有Promise，不会搞大肚子

浏览(13,315) 评论(0)

相关文章

阿里云首购8折

Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号

HBLOG

HBLOG