实战运用Axure设计App,使用WebStorm开发(2) – 成立 Ionic 项目

 多级作品

实战运用Axure设计App,使用WebStorm开发(1) –
用Axure描述需求
 

实战运用Axure设计App,使用WebStorm开发(2) – 创制Ionic
项目
  

实战运用Axure设计App,使用WebStorm开发(3) –
构建页面架构
 

实战运用Axure设计App,使用WebStorm开发(4) –
实现页面UI

**实战运用Axure设计App,使用WebStorm开发(5) –
实现页面效果
**

**实战运用Axure设计App,使用WebStorm开发(6) –
迈向后端
**

 

 

Ionic是什么? Ionic是现阶段最好有潜力的一样舒缓 HTML5 手机应用开发框架。通过 SASS
构建应用程序,它提供了很多 UI 组件来救助开发者开发强大的用。 它用
JavaScript MVVM 框架和 AngularJS
来加强应用。提供数据的双向绑定,使用其成 Web
和走开发者的旅选用。

Ionic
以揭破了1.0本之后,被越来越多之关心及协助,社区为死之活跃。本文将持续上篇,使用Ionic
框架来出以。  
**

  1. 先是安装NodeJs:https://nodejs.org/ 在NodeJs
    网站上找到好平台的装包,执行安装即可。
  2. 安装
    Ionic:http://www.ionicframework.com/getting-started/ 执行命令。
    **
npm install -g cordova ionic

当Mac下安装的下,可能会见面世没有权限的题材。提高权限履行 sudo 即可:

sudo npm install -g cordova ionic

Ionic 有三栽默认项目模板:
i). blank –> 空工程模板,
ii). tabs -> 分页Tabs工程模板
iii). sidemenu -> 左边菜单工程模板

图片 1

**

  1. 以 ionic start DeliveryApp blank 创造是 App应用,DeliveryApp
    是我们是实例的项目名称。
    **
ionic start DeliveryApp blank 

图片 2

**

  1. 运行 ionic serve 看一下当网页遭到之依样画葫芦效果。 
    **
ionic serve

图片 3

**

  1. 叫这应用添加发布平台,这里添加了 android 平台与 ios 平台。
    **
cordova platform add android

图片 4

cordova emulate android

图片 5

cordova platform add ios

图片 6

ionic emulate ios

图片 7

顶此处 ionic 就搭建得了。 下一步下充斥
WebStorm,使用WebStorm作为支付之IDE吧。
**

  1. WebStorm 开发环境
    **
    WebStorm下载地址:https://www.jetbrains.com/webstorm/ 下充斥并设置
    WebStorm 安装完成后,使用 WebStorm 打开文件夹 DeliverApp。
    图片 8

终止到明日依照 ionic 的工程长建筑好了,开发要拔取的 WebStorm
弄好了。下篇大家好开按 Axure
里之需求开发每个页面了。(本文最后成就的工代码会放在 github上)

相关文章