美文网首页
ionic笔记:ionic环境安装以及项目搭建

ionic笔记:ionic环境安装以及项目搭建

作者: 骑着蜗牛追流星 | 来源:发表于2018-10-22 14:50 被阅读10次

    1.关于ionic

    首先ionic官方文档:Ionic Platform Documentation

    接下来是 ionic CSS得文档:ionic3中文文档_Ionic3组件文档

    *ionic = Cordova + Angular + ionic CSS *

    Cordova 提供了使用 JavaScript 调用 Native 功能,ionic CSS 是一套 UI 框架,ionic 对 Angular 进行了封装。

    2.安装

    首先需要安装node.js环境:Node.js 安装配置 | 菜鸟教程

    接下来我们安装ionic,这篇文章以及接下来得项目教程我都是使用4.2.1版本

    
    //终端运行
    
    $ npm install -g cordova ionic //安装ionic
    
    $ ionic -v //检查版本
    
    

    现在我们开始创建我们得项目

    
    //终端运行
    
    //在我们要创建项目得根目录下
    
    $ ionic start MyApp tabs
    
     //其中 MyApp是我们得项目,tabs是样式
    
    //对应得还有blank,sidemenu两种样式
    
    $ cd MyApp //进入到项目目录
    $ npm install //安装依赖库
    $ ionic serve // 在浏览器中运行项目
    
    2.png
    网页查看平台模板
    http://localhost:8100/?ionicplatform=ios
    http://localhost:8100/?ionicplatform=Android

    最后附上一些常用得命令:

    //ionic浏览器运行
    ionic serve
    
    //添加android/ios平台
    ionic cordova platform add android/ios
    
    //移除android/ios平台
    ionic platform rm android/ios
    
    //编译android/ios
    ionic cordova build android/ios
    
    //新建页面
    ionic g page myPage 
    
    

    相关文章

      网友评论

          本文标题:ionic笔记:ionic环境安装以及项目搭建

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