Ionic3入门

作者: bestvist | 来源:发表于2017-10-11 09:49 被阅读119次

    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项目实战

    相关文章

      网友评论

      • 不在三重门:谢谢!
        bestvist:感谢支持🙏
      • 水木总是情:应该继续讲的,作为菜鸟的我好期待
        bestvist:@夜魅_寒星 这篇里讲了滑动导航实现,在每个slide中添加点击事件显示相应内容就行了, http://www.bestvist.com/2017/11/02/ionic3-problem/
        夜魅_寒星:@bestvist 你好,可以单独讲一下,如何点击导航栏或者滑动导航栏,切换到对应的内容这个技术点吗
        bestvist:嗯,最近在用ionic做项目,做完会写个总结的:smile:

      本文标题:Ionic3入门

      本文链接:https://www.haomeiwen.com/subject/fcviyxtx.html