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

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  //编译后的项目会保存在这里
时间: 2024-10-19 07:16:18

ionic 2.x 3.x项目结构解析的相关文章

vs项目结构解析

当我们用VS开发一个项目的时候,首先应该清楚用VS这个IDE生成的一些文件和文件夹是什么意思,起什么作用,什么场合下使用. 因为我使用的是VS2015,就以这个为例来进行一些说明: 首先要做的是更改你的操作系统,把隐藏的文件.文件夹显示出来,以完整的显示VS在生成一个项目时的完整文件.文件夹结构. 1.首先看到的是.sln文件和隐藏的.suo文件(.vs/你的解决方案名/版本/.suo) Net解决方案下 .sln文件和.suo文件的解释: When a Web site is created,

Flink 源码解析 —— 项目结构一览

Flink 源码项目结构一览 https://t.zsxq.com/MNfAYne 博客 1.Flink 从0到1学习 -- Apache Flink 介绍 2.Flink 从0到1学习 -- Mac 上搭建 Flink 1.6.0 环境并构建运行简单程序入门 3.Flink 从0到1学习 -- Flink 配置文件详解 4.Flink 从0到1学习 -- Data Source 介绍 5.Flink 从0到1学习 -- 如何自定义 Data Source ? 6.Flink 从0到1学习 --

IdentityServer4源码解析_1_项目结构

目录 identityserver4源码解析_1_项目结构 identityserver4源码解析_2_元数据接口 identityserver4源码解析_3_认证接口 identityserver4源码解析_4_令牌发放接口 identityserver4源码解析_5_查询用户信息接口 identityserver4源码解析_6_结束会话接口 identityserver4源码解析_7_查询令牌信息接口 identityserver4源码解析_8_撤销令牌接口 简介 Security源码解析系

ionic -v2版本项目结构

myApp │  config.xml  //项目配置文件,包名.名称.minSdkVersion等都在此处配置 │  ionic.config.json │  package.json  //项目依赖文件列表 │  tsconfig.json │  tslint.json │   ├─hooks │       ├─node_modules  //项目依赖文件 │                   ├─platforms  //项目添加的平台 ├─resources  //项目图标 │  │

上门洗车APP --- Androidclient开发 之 项目结构介绍

上门洗车APP --- Androidclient开发 之 项目结构介绍 前言 尽管公司项目较紧,但还是抽空给大家继续更新. o_O"~ 欢迎大家的关注,非常高兴和大家共同学习.前面给大家分享了项目中的以下内容: 上门洗车APP --- Androidclient开发 前言及业务简介 上门洗车APP --- Androidclient开发 之 网络框架封装介绍(一) 上门洗车APP --- Androidclient开发 之 网络框架封装介绍(二) 之前有非常多朋友私信过来说想打包一份源代码学习

基于Ionic+Cordova+Bmob的开源项目实战

概述 之前在Ionic+Cordova开发环境搭建一文中讲述了Ionic+Cordova的跨平台移动开发框架.其中Cordova可以将开发的Web App打包发布到不同手机平台下,并且提供了丰富的插件来使用手机硬件功能,如Camera.GPS等.但是Cordova只是一个壳,并没有提供前端的开发框架和UI库,Ionic很好的弥补了这一点.Ionic提供了丰富的UI控件和基于AngularJS的MVC开发框架.之后又在使用Bmob为你的移动应用提供数据服务一文中讲述了如何使用Bmob云服务平台来为

上门洗车APP --- Android客户端开发 之 项目结构介绍

上门洗车APP --- Android客户端开发 之 项目结构介绍 前言 虽然公司项目较紧,但还是抽出时间给大家继续更新.     o_O"~ 感谢大家的关注,很高兴和大家共同学习.前面给大家分享了项目中的以下内容: 上门洗车APP --- Android客户端开发 前言及业务简介 上门洗车APP --- Android客户端开发 之 网络框架封装介绍(一) 上门洗车APP --- Android客户端开发 之 网络框架封装介绍(二) 之前有很多朋友私信过来说想打包一份源码学习,由于本项目也是还

(000).NET大型B2C开源项目nopcommerce解析——目录

nopcommerce是asp.net领域一个高质量的开源b2c项目,基于EntityFramework和MVC. 行文遵循本人学习路线图,所以有时会在各个层级欢快地跳转.也许也会有一段时间内各种转载他人文章.或者,某一天突然当上了现实充,决定断更了也说不定. 架构分析 (001)[转].NET大型B2C开源项目nopcommerce解析——项目结构 用例分析 介绍单元功能 . 资料整理 主页: nopcommerce半死不活的中文社区 nopcommerce中文网 nopCommerce Si

.NET Core实战项目之CMS 第十三章 开发篇-在MVC项目结构介绍及应用第三方UI

作为后端开发的我来说,前端表示真心玩不转,你如果让我微调一个位置的样式的话还行,但是让我写一个很漂亮的后台的话,真心做不到,所以我一般会选择套用一些开源UI模板来进行系统UI的设计.那如何套用呢?今天就以我们系列实战教程中的CMS系统为例来应用第三方的后台模板LayuiCMS2.0为例来进行实战演练吧! 本文已收录至<.NET Core实战项目之CMS 第一章 入门篇-开篇及总体规划> 作者:依乐祝 首发地址 "DotNetCore实战"公众号 原文地址:https://w