系列文章
实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求
支持，社区也十分的活跃。本文将继续上篇，使用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 -> 左边菜单工程模板
3. 使用 ionic start DeliveryApp blank 创建这个 App应用，DeliveryApp 是咱们这个实例的项目名称。
| ionic start DeliveryApp blank |
4. 运行 ionic serve 看一下在网页中的模拟效果。
| ionic serve |
5. 给这个应用添加发布平台，这里添加了 android 平台和 ios 平台。
| cordova platform add android |
| cordova emulate android |
| cordova platform add ios |
| ionic emulate ios |
到这里 ionic 就搭建完成了。 下一步下载 WebStorm，使用WebStorm作为开发的IDE吧。
6. WebStorm 开发环境
WebStorm下载地址：https://www.jetbrains.com/webstorm/ 下载并安装 WebStorm 安装完成后，使用 WebStorm 打开文件夹 DeliverApp。
截止到现在基于 ionic 的工程搭建好了，开发需要使用的 WebStorm 弄好了。下篇我们可以开始按照 Axure 里的需求开发每个页面了。（本文最终完成的工程代码会放在 github上）
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
