Ionic3入门

Ionic3入门_第1张图片

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

原文链接
Ionic特点

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

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

安装

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

npm install -g cordova ionic

创建项目

运行命令

ionic start myapp 

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

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

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

cd myapp

启动项目

ionic serve    

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

Ionic3入门_第3张图片

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

最后附上Ionic文档

下一篇:Ionic项目实战

你可能感兴趣的:(Ionic3入门)