做前端的都应该知道一个框架  Ionic  这个是移动端webAPP最好用的吧(个人认为),那今天就来说说这个项目的结构以及文件的含义,希望对大家有所帮助

  

  想看如何生成文件的话详细看我上篇博客

  

  

在用编辑器 HBuilder 打开生成的项目以后,我们可以看到一系列自动生成的文件夹和文件。
  

  

  

   hooks 文件夹是伴随 Cordova 的安装 自动生成的文件夹 , 该文件夹有脚本 可以定制 Cordova 命令 。 一般情况下 , 不对该文件夹中的文件进行更改 。
  

   包含了所有使用 npm 安装的依赖包。

  用于放置 Ionic 扩展 文 件 的 文件 夹(存储所有 Cordova 插件的位置) , 比 如 升 级 或 者扩 展 Ionic 。 为了 安 装 这 些 扩 展 文 件 , 你 需 要 确 保 安 装 了 Git 。 通常 我们 不对该 文件夹 进行改 动 。 scss 和www 这两个文件夹 , 是项 目中经常会用到的文件夹 。毕竟懂node的读客会知道www的

  

  

  platforms 包含了 iOS 平台和 Android 平台的项目文件,一般不需要去修改,除非你需要修改一些原生的配置,如需要配置不同平台的推送通知的时候,才需要对其中的相关文件进行修改。

  

  Ionic偶尔会使用Bower安装一些组件,所以产生了bowerrc文件,通常不对该文件进行修改  

  

  使用Git和GitHub追踪项目时,.gitignore可以用来指定忽略文件。如果不想特定的文件夹和文件被上传到Git仓库(repository),我们可以使用.gitignore防止文件转移。

  在Git中,我们将需要进行版本控制的文件目录叫做一个仓库,每个仓库可以简单理解成一个目录,这个目录中的所有文件都通过Git来实现版本管理,Git都能跟踪并记录在该目录中发生的所有更新。  

  config.xml是另外一个Cordova安装文档,通常也不需要修改。

  该文件控制着允许Ionic自动重载浏览器的自动操作;还负责其他事情,比如处理文件   一般不去修改即可  

  package.json文件出现在许多的node项目中,它定义了这个项目所需要的各种模块及项目的配置信息,如名称、版本、许可证等元数据。Node和Gulp工具可以依据文  件中的项目需求和配置信息来履行责任。一般不修改该文件。

  

  可以自定义配置值,供项目读取

  

  如果在Ionic项目中使用的是CSS的预处理语言SASS,就可以在scss文件夹下的相应文件覆盖Ionic的默认值。如果熟悉SASS语言,我们可以在相应scss文件添加SASS命令,或者更改目录结构,增加子文件夹。如果想在项目中使用SASS工作,我们需要首先运行ionicsetupsass命令。

  

  

  这是本项目的静态目录 就像node项目里的wwwroot 问价一个

  

  可以在此文件中编写你自己的CSS,改变Ionic的默认样式   

  放image的

          放js文件  

  加载controllers.js和services.js两个文件。controllers.js可用于任何类型的JavaScript文件,可被添加到应用程序的不同部分。services.js包含了通用的数据,数据将运用在设计的应用程序当中 

  众所周知   lib 是Ionic的库文件  或者是别的文件

       js里面 是angularjs 里面的 animate,resource,sanitize 等angular文件加载就会一起被加载

  根据名字就能猜出来吧  UI  router    意思就是 UI 路由    

  用于放置AngularJS模板文件,设计的应用程序会采用其中的模板,通过应用程序的页面展现出来。我们也可以在这个文件夹内创建子文件夹,添加自己的模板。

  

  index.html 就是住文件嘛   index.css 是文件的css 我没有放到css文件里

  manifest.json  里面的键值对 几时要缓存的东西

  Manifest.json文件是5+移动App的配置文件,用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息,其下包括iOS和Android子节点,内容来源分别为iOS和Android原生打包所要求的参数,用于对5+移动App打包为ipa或apk安装包进行配置。就想 package.json  文件一样的机制就是缓存

  

  这是我所知道的,如果有什么不对的地方,还请大神指点一二。

  

  

Ionic的项目结构-工程目录的更多相关文章

  1. Ionic 3 项目的工程目录结构(转载)

    工程目录结构说明如下图

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

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

  3. ABP架构学习系列一 整体项目结构及目录

    本系列是基于aspnetboilerplate-0.8.4.0版本写的,其中原因是由于较高的版本太抽象难以理解和分析,对于还菜菜的我要花更多的时间去学习. abp的源码分析学习主要来源于 HK Zha ...

  4. ABP源码分析一:整体项目结构及目录

    ABP是一套非常优秀的web应用程序架构,适合用来搭建集中式架构的web应用程序. 整个Abp的Infrastructure是以Abp这个package为核心模块(core)+15个模块(module ...

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

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

  6. 1.2 认识ASP.NET MVC项目结构

    1.开发环境 操作系统:xp.vista.windows 7.windows 8.windows server 2003|2008|2008R2|2012: 集成开发环境IDE: Vsiual Stu ...

  7. 【vue】vue前端项目结构

    [一]项目结构 [二]项目结构释意 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等.我们初学可以使用默认的. node_modules npm ...

  8. ionic项目结构解析

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

  9. JavaWeb工程 目录结构***

    以下是mavaen推荐的项目目录. ├── pom.xml └── src     ├── main     │   ├── java     │   │   └── group     │   │  ...

随机推荐

  1. C语言生成2000w行数据

    最近一直抽空学习shell,脚本语言看多了多多少少有些蛋疼不适,所以捡起以前遇到的一个C语言的问题看看. 原先应该是在C++吧关注的一个帖子,楼主为了测试数据库性能需要如下形式的数据要求: 字符串长度 ...

  2. C语言内存对齐(2)

    前两天参加了360测试实习生的笔试,碰到了一个有关c语言内存对齐的题目,回来后实现了一下,下面是代码: #include <stdio.h> #include <stdlib.h&g ...

  3. android ListView隐藏FooterView(headerView)

    安卓开发.正在使用listView时间,我们经常使用的footerView要么headerView 给ListView添加footer和header很多时间.它会基于隐藏和显示的情况下. 因为foot ...

  4. android 使用 service 实现音乐

    今天的球员趁service.播放音乐service结束,进度条activity结束,因此,基础工作activity和service互动,本文将使用IBinder互动.主要activity能够调用ser ...

  5. Android在包名称更改项目

    通常时引起包名称的变化R文件错误,有时原因不明Manifest混乱多个文本文件. 所以,我们现在感到最简单方便的包名称变更流程文件,如以下: 如果程序包命名com.pepper.util,我们将更改包 ...

  6. 【转】android webview设置内容的字体大小

    Enum for specifying the text size. SMALLEST is 50% SMALLER is 75% NORMAL is 100% LARGER is 150% LARG ...

  7. 【学习笔记】锋利的jQuery(二)DOM操作

    一.获取DOM节点 //找祖宗 parent() parents() closest() //找后代 children(); find(); //找兄弟 next()/nextAll() prev() ...

  8. TDD单元测试驱动

    使用IdleTest进行TDD单元测试驱动开发演练(2)   [前言] 1. 有关上篇请参见<使用IdleTest进行TDD单元测试驱动开发演练(1)>,有关本篇用到Entity Fram ...

  9. ASP.NET网站单独

    解决ASP.NET网站单独发布指定页面问题 目录 前提 开始 aspx.cs文件放到单独的类库项目 一个可选择勾选页面的发布工具:LimusicAddin 前提 Asp.net 发布分为:动态编译和预 ...

  10. 关于 HttpModule配置问题

    在经典模式下,配置到System.web节点 在IIS7以上的集成模式下,要配置到<system.webServer>节点 否则会出现类似一下的错误: 具体配置如下: <config ...