myApp
│  config.xml  //项目配置文件,包名、名称、minSdkVersion等都在此处配置
│  ionic.config.json
│  package.json  //项目依赖文件列表
│  tsconfig.json
│  tslint.json
│  
├─hooks
│      
├─node_modules  //项目依赖文件
│                  
├─platforms  //项目添加的平台
├─resources  //项目图标
│  │  icon.png  //安装应用后桌面图标
│  │  splash.png  //打开APP后的闪屏图片
│  │  
│  ├─android
│  │  ├─icon
│  │  └─splash
│  │         
│  └─ios
│      ├─icon
│      └─splash
│              
├─src  //项目路径,在此编辑自己的项目
│  │  declarations.d.ts
│  │  index.html  //项目入口
│  │  manifest.json
│  │  service-worker.js
│  │  
│  ├─app
│  │      app.component.ts  //初始化项目,定义rootPage
│  │      app.module.ts  //项目中所有的module都要在次声明
│  │      app.scss  //全局样式表
│  │      main.dev.ts
│  │      main.prod.ts
│  │      
│  ├─assets  //资源文件,可将图片资源放于此处
│  │         
│  ├─pages  //项目页面
│  │  ├─about
│  │  │      
│  │  ├─contact
│  │  │      
│  │  ├─home
│  │  │      home.html  //.html
│  │  │      home.scss  //.scss 样式代码
│  │  │      home.ts  //.ts 逻辑代码
│  │  │      
│  │  └─tabs
│  │          tabs.html
│  │          tabs.ts
│  │         
│  └─theme  //项目主题,比如可以定义所有页面的背景色$background-color
│          variables.scss
│         
└─www  //编译后的项目会保存在这里

  

ionic -v2版本项目结构的更多相关文章

  1. AngularJS+Ionic开发-2.项目结构介绍

    使用上篇博客<开发环境搭建>中的命令创建完成IonicHelloWorld项目,在VSCode中的左侧,显示该项目的结构信息,如下图所示: 1 .sourcesmaps文件夹 调试状态的j ...

  2. Ionic -v1初始项目结构

    界面  

  3. Ionic3学习笔记(一)安装、项目结构与常用命令

    本文为原创文章,转载请标明出处 目录 安装 项目结构 常用命令 1. 安装 安装Cordova.Ionic npm install -g cordova ionic 创建一个新项目,有blank.ta ...

  4. Ionic的项目结构(angluar js)

    Hybird HTML5 App(移动应用开发)之3.Ionic的项目结构 前面使用命令ionic start myapp下载了默认的Ionic应用程序,下面我们打开应用程序项目,来分析一下Ionic ...

  5. Ionic学习记录(一):ionic及cordova安装、创建第一个应用、项目结构

    目录: 一.ionic的安装 二.创建第一个应用程序 三.浏览器中预览应用 四.项目结构 五.添加页面 一.ionic的安装 使用Ionic创建和开发应用程序主要通过Ionic命令行实用程序(“CLI ...

  6. ionic项目结构解析

    ionic项目结构解析 原始结构 创建一个IonicDemo项目 'ionic start IonicDemo sidemenu' 这种结构多模块开发比较麻烦,因为view跟controller分开路 ...

  7. Ionic 入门与实战之第三章:Ionic 项目结构以及路由配置

    原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第三章,主要对 Ionic 的项目结构作了介绍,并讲解了Ionic 中的路由概念以及相关配置. 原文发表于我的技术博客 1. Ioni ...

  8. Ionic start 创建项目报错

    Installing npm packages... Error with start undefined Error Initializing app: There was an error wit ...

  9. 31.qt quick-使用SwipeView添加滑动视图-高仿微信V2版本

    在上章我们学习了ListView,然后实现了: 28.qt quick-ListView高仿微信好友列表和聊天列表,本章我们来学习SwipeView滑动视图,并出高仿微信V2版本: 1.Contain ...

随机推荐

  1. SQL插入字段

    //SQL插入字段 String dropTable="drop table if exists test;"; String columnGid ="alter tab ...

  2. OpenGL立方体

    直接画 #include <windows.h> #include <GL/glut.h> #include <stdio.h> #include <stri ...

  3. java——逻辑运算符与(&和&&)或(|和||)

    区别: 1意思不同: &&是“与”的意思,||是“或者”的意思. 2 使用上不同:a && b:a和b同时为true 才返回 true, 否则返回false:a || ...

  4. js+php大文件分片上传

    1 背景 用户本地有一份txt或者csv文件,无论是从业务数据库导出.还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工.挖掘和共创应用的时候,首先要将本地文件上传至ODPS,普通的小文件通 ...

  5. ASP.NET实现大文件上传和下载

    总结一下大文件分片上传和断点续传的问题.因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况.http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件 ...

  6. PC端无论页面有没有完全撑开把footer保持在最底部(不用定位)

    最近在写项目,有的页面没有占到一屏,然后footer也就是底部就靠上了,这样很影响美观,于是在网上找了找,下面是我的成果 解决该问题的最好方法是采用CSS3提供的一种先进布局模型 :flexbox,可 ...

  7. Spring、Hibernate、Struts官方下载地址

    hibernate 官网: http://hibernate.org/ hibernate3 官方下载:http://sourceforge.net/projects/hibernate/files/ ...

  8. vue-router 2.0 跳转之router.push()

    router.push(location) 除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现. router.push(location) 想要导航 ...

  9. Gym 100507H - Pair: normal and paranormal

    题目链接:http://codeforces.com/gym/100507/attachments -------------------------------------------------- ...

  10. kill的各种讯号?

    kill 程序 不仅仅只是k掉某个进程, 她还有很多作用和用途. 其实, 这也是linux的程序的一个特点: 一个程序(很多是 命令行的程序), 除了主要的作用外, 还有很多" 重要的, 有 ...