Ionic入门

Ionic是一个美观、免费、开源的移动SDK，可以轻松的开发原生和渐进的Web应用程序。

原文链接

Ionic特点

• 基于Angular语法
• 轻量级框架
• 界面美观，组件丰富
• 跨平台支持
• 注重原生，速度快
• 强大的命令行工具

Ionic已经更新到3了，这里先初步介绍一下用ionic搭建项目
环境要求：Node

安装

全局安装cordova和ionic工具(cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能)

npm install -g cordova ionic

创建项目

运行命令

ionic start myapp 

出现如图的七种项目模版可以选择

• tabs：创建一个选项卡项目
• blank：创建一个空白项目
• sidemenu：创建一个侧边菜单项目
• super: 创建一个预制的完整项目，提供ionic开发最佳实践
• conference：创建一个展示真是应用的项目
• tutorial：创建一个基于ionic文档的教程项目
• aws: 创建一个移动集成器启动项目

创建项目会下载相应的依赖包，完成后进入对应项目目录下

cd myapp

启动项目

ionic serve    

在浏览器中可以看到应用界面，建议使用chrome移动模式查看

接下来就可以开发自己的应用啦

最后附上Ionic文档