Ionic入门

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

Ionic

原文链接

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文档

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值