Ionic3入门


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

下一篇:Ionic项目实战

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,111评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,083评论 19 139
  • 这是我写的一系列文章中的第一篇关于如何利用Web开发技术为iOS和Android系统构建混合应用程序(Hybrid...
    bubuli阅读 7,678评论 3 29
  • “四川最好的高中有哪些?省一、二级示范校(就是通常所说的‘国重’、‘省重’哈)无疑是最典型的代表。”8月23日,四...
    锦观阅读 4,734评论 1 1
  • 风扬起的发 带着淡淡桃花香 行人在你眼中放慢了脚步 What remains of our chalk road ...
    未老农阅读 1,387评论 0 0

友情链接更多精彩内容