ionic -v2版本项目结构

Posted 骑着蜗牛前行

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic -v2版本项目结构相关的知识,希望对你有一定的参考价值。

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版本项目结构的主要内容,如果未能解决你的问题,请参考以下文章

如何从 Ionic 5 中的@ionic/angular 错误修复成员事件

ionic-native-transitions调用原生页面切换实现ionic路由切换

Ionic day01 Ionic使用 Ionic CSS组件

ionic运行ionic build android出错

ionic 和cordova的区别是啥

Ionic-Angular vs Ionic-React [关闭]