HTML5手机APP开发入门(1)

HTML5手机APP开发入门(1)

开发框架

Ionicframework V2 + Angular 2

具体内容可以参考一下网站

http://ionicframework.net/

http://ionicframework.com/

https://angularjs.org/

开发环境配置

Node.js

安装Node.js 下载最新版本推荐安装 V4.X

https://nodejs.org/en/

还要需要安装Python开发包,推荐安装 V2.xx

https://www.python.org/downloads/

安装完成后下载和安装ionicframework开发包和编译环境

在windows cmd 运行

npm install -g ionic@beta

npm install –g cordova

注意:由于有长城在下载非常慢也有可能失败,最好使用代理或vpn

安装完成后就可以开始生成项目了

Android SDK

这里我推荐安装Android Studio 本人不会java所以不会用eclipse

下载网址

http://developer.android.com/sdk/index.html

安装完android studio后需要下载 Android SDK

Google的东西都必须FQ,不FQ可以找国内镜像服务器

JDK下载

http://www.oracle.com/technetwork/java/javase/downloads/index.html

安装完成后,配置一下环境变量

Java Path

Android Path

启动android虚拟设备的时候需要用到

开发工具

sublime Text 3

https://www.sublimetext.com/3

为了提高开发效率还需要安装一些插件

Emmt

Angular

ATOM

我推荐使用,毕竟是后面出来的感觉比sublime text好用

https://atom.io/

安装的插件

开发语言

Angular2 使用了es6的规范,所以我推荐使用typescript环境

参考

https://angular.io/docs/ts/latest/quickstart.html

以上这些都完成后就可以开始做开发了

First APP

参考

http://ionicframework.com/docs/v2/getting-started/tutorial/

任务:完成一个todo List APP

$ionic start todoapp blank --v2 –ts

注意:还是因为有长城,速度相当的慢,请耐心一点

$Ionic serve

OK 运行成功了

下一步部署到android设备上

$ionic run android

这里有bug据说下个版本解决

我这里就不用typescript了

从新生成一个项目用JavaScript

注意:这里可能还会碰到问题,并没有启动模拟器也没有提示android apk的编译完成 也就是说配置android SDK

的模拟器有问题,这里需要检查

已经部署到模拟器上

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏zaking's

走进webpack(1)--环境拆分及模块化

  初级的文章和demo已经基本完成了,代码也已经上传到了我的github上,如果你对webpack的使用并不是十分了解,那么建议你回头看下走近系列,里面包括了...

28760
来自专栏java思维导图

架构师详解:Nginx 架构

原文链接:https://my.oschina.net/u/3770281/blog/1802493

16620
来自专栏SnailTyan

Linux的/bin、/sbin、/usr/sbin、/usr/bin、/usr/local/bin、/usr/local/sbin

1、Linux的/bin、/sbin、/usr/sbin、/usr/bin、/usr/local/bin、/usr/local/sbin /bin bin为...

27090
来自专栏mini188

MongoDB安装与使用体验

1、获取并安装 具体的安装包可以到官方网站下载:http://www.mongodb.org/downloads 我看着教程就下载了linux版本吧,也不是很...

25960
来自专栏Java成长之路

解决session共享问题方式调研

为了提高服务器性能,最近公司项目采用了分布式服务集群的部署方式。所谓集群,就是让一组计算机服务器协同工作,解决大并发,大数据量瓶颈问题。项目使用nginx做负载...

24510
来自专栏开源优测

接口测试 | 22 requests基础入门

概述 从本文开始分享requests相关知识,及如何用requests进行接口测试。 requests号称:是唯一的一个非转基因的Python HTTP库,人类...

38450
来自专栏Python

cookie详解

今天看到一篇cookie的文章,写的特别详细,感谢 晚晴幽草轩 的分享,原文链接http://mp.weixin.qq.com/s/NXrH7R8y2Dqxs9...

50030
来自专栏软件测试经验与教训

看图说话:文件包含(File Inclusion)漏洞示例

作为测试人员,我们常常听到“安全测试”这个词,但鲜有人真正做过安全测试。从我们的职责“保障质量”角度来说,说是一种“失职”也不为过。那么安全测试是什么,究竟怎么...

28010
来自专栏Sorrower的专栏

内核必须懂(二): 文件系统初探

13730
来自专栏云计算教程系列

如何在CentOS 6.5上使用Unicorn和Nginx部署Rails应用程序

在部署基于Rails的Web应用程序时,简单设计的应用程序服务器可以在几分钟内启动并运行。但是,如果您希望更好地控制服务器设置或想要尝试更灵活的新功能,那么使用...

16320

扫码关注云+社区

领取腾讯云代金券