美文网首页
ionic基础笔记

ionic基础笔记

作者: 133sheiya | 来源:发表于2017-10-18 15:05 被阅读10次

    启动步骤:

    1.  cd ionic  //跳进目录
    2. ionic start testApp tabs // "testApp" 是项目名称 tabs 表示模版  还有俩种模板  2 。Menu  3. Blank
    3. ionic serve 运行项目  在本地创建一个服务器
    4. -g 代表全局安装
    5. 所有项目源码放在src目录中
    

    ionic文件目录介绍

    1.       main.ts 入口文件    前端都只调用一个入口文件,让入口文件帮我们去引入其它依赖的文件
    2.  app.module.ts 根模块文件。 ionic  是基于angular 的。而angular是完全模块化的。根模块文件是一个无微不至的大管家,你把你要用什么(模块、组件、服务、管道、指令等)都告诉它,它会帮你去弄来
    3. app.component.ts根组件。 angular里的组件。就是iOS中的视图。组件的产品就是我们所看见的界面了。根组件主要定义了app整体的视觉表现,比如根页面、状态栏、启动界面等等。
    4. app.component.scss 全局样式文件   就是写全局css的地方,不过在ionic里你可以用sass来写
    

    ionic 命令行使用

    ionic g page YourPageName //创建新页面
    ionic g directive YourPageName //创建指令
    ionic g component YourComponentName //创建组件
    ionic g provider YourProviderName //创建服务
    ionic g pipe YourPipeName //创建过滤器
    ionic g component YourComponent // 创建组件。 
    
    @angular/core是一个npm的模块,定义了angular的核心功能

    相关文章

      网友评论

          本文标题:ionic基础笔记

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