ionic 2.x 3.x项目结构解析

时间:2022-02-18 02:23:49
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
//编译后的项目会保存在这里