ionic开发：第一步

标签：

1.下载安装node.js

2.输入命令行：npm install -g cordova ionic 

3.输入命令行：ionic start myApp blank

ok,这样会创建一个ionic的myApp项目。

这样构建的ionic project结构是很清晰的。

cd myApp目录下

通过 ionic serve 命令启动

会看到一个空白的页面，那怎么添加一些UI呢？先来看看ionic的组成部分：

主要包括三个部分：

• CSS框架 - 提供原生App质感的CSS样式模拟。ionic这部分的实现使用了ionicons图标样式库。
• JavaScript框架 - ionic基于AngularJS基础框架开发，遵循AngularJS的框架约束；主要提供了适应移动端UI的 AngularJS的扩展，主要包括指令和服务。此外，ionic使用AngularUI Router来实现前端路由。
• 命令行/CLI - 命令行工具集用来简化应用的开发、构造和仿真运行。ionic命令行工具使用了 Cordova，依赖于平台SDK（Android & iOS）实现将移动web项目打包成原生app。

选择通过ionic.js来画ui界面。

ionic开发：第一步

标签：

原文地址：http://my.oschina.net/haoqoo/blog/420547