ionic 2.x 3.x项目结构解析
2017-08-16 15:42
169 查看
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 //编译后的项目会保存在这里
相关文章推荐
- android项目结构解析和重要文件
- ReactNative项目结构解析
- LLBL Gen 3.x 源代码追踪与解析 认识框架结构
- weex 项目结构解析
- Weka项目中的ARFF文件结构解析
- Java Web项目的一般目录结构解析
- Dubbo 入门之二 ——- 项目结构解析
- 注册中心 Eureka 源码解析 —— 项目结构简介
- opencv2.x文件结构解析
- 注册中心 Eureka 源码解析 —— 项目结构简介
- Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇——纯前端多页面)
- 安卓开发基础知识介绍--------AS项目结构解析
- Harbor Registry项目源代码结构解析
- 注册中心 Eureka 源码解析 —— 项目结构简介
- Android Studio目录结构及工程项目结构解析
- Ionic 3 项目的工程目录结构
- AngularJS+Ionic开发-2.项目结构介绍
- 开源Registry项目Harbor源代码结构解析
- 开源Registry项目Harbor源代码结构解析
- sencha touch 入门系列 (四)sencha touch 新建项目目录结构解析