专栏首页c#开发者HTML5手机APP开发入门(1)

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

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

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

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 条评论
登录 后参与评论

相关文章

  • 一款值得推荐的原型设计工具 Balsamiq Mockups

    一款值得推荐的原型设计工具 Balsamiq Mockups 我是昨天在 Yining 的 Blog 上看到的推荐。很喜欢第一眼看到这款软件的感觉,于是就下载下...

    阿新
  • 自定义Visual Studio.net Extensions 开发符合ABP vnext框架代码生成插件[附源码]

    我很早之前一直在做mvc5 scaffolder的开发功能做的已经非常完善,使用代码对mvc5的项目开发效率确实能成倍的提高,就算是刚进团队的新成员也能很快上手...

    阿新
  • Android Studio导入第三方类库的方法

    Android Studio导入第三方类库的方法 本人也刚刚开始尝试做android app的开发,听说android studio是Google支持的andr...

    阿新
  • 使用TensorFlow Lite在Android手机上实现图像分类

    TensorFlow Lite是一款专门针对移动设备的深度学习框架,移动设备深度学习框架是部署在手机或者树莓派等小型移动设备上的深度学习框架,可以使用训练好的模...

    夜雨飘零
  • Android使用Notification在状态栏上显示通知

    在使用手机时,当有未接来电或者是新短消息时,手机会给出相应的提示信息,这些提示信息通常会显示到手机屏幕的状态栏上。Android也提供了用于处理此类信息的类,他...

    砸漏
  • Android Heroes Reading Notes 5

    《Android群英传》读书笔记 (5) 第十一章 搭建云端服务器 + 第十二章 Android 5.X新特性详解 + 第十三章 Android实例提高

    宅男潇涧
  • Android仿饿了么购物车功能

    现在商城应用上,购物车功能可以说是不可缺少的,每个应用的购物车模块实现方式都差不多,这篇我们来仿一下饿了么的购物车功能,用过的童鞋都知道,印象最深刻的应该是添加...

    SoullessCoder
  • Android自定义控件ImageView实现点击之后出现阴影效果

    今天美工 直接给我一张图片,要我实现图片点击之后有阴影效果,当时想到了ImageButton,随即自己写了个Demo,发现ImageButton继承ImageV...

    砸漏
  • Android中FloatingActionButton的显示与隐藏示例

    FloatingActionButton(FAB) 是Android 5.0 新特性——Material Design 中的一个控件,是一种悬浮的按钮,并且是 ...

    砸漏
  • Android View 完美实现EditText 在软键盘上边的示例

    此方法基于PopupWindow,适合需要回复内容时响应点击事件,打开软键盘,编辑框在软键盘上部。 优点,编辑框使用CleanEdittext,监听输入状态来...

    砸漏

扫码关注云+社区

领取腾讯云代金券