做前端的都应该知道一个框架  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. Codeforces#277 C,E

    C. Palindrome Transformation time limit per test 1 second memory limit per test 256 megabytes input ...

  2. CodeIgniter学习一:基础知识

    1. url片段(CI域名组成说明)        example.com/index.php/test/index   第一部分(test):控制器 第二部分(index):方法,动作 如果第二部分 ...

  3. 工作小总结(字符串包含,获取当前页面的url等系列问题)

    1.字符串包含: var str="我爱中国";if(str.indexOf("中国")>=0){ alert("含有此字符串");} ...

  4. onsite

    领英.脸书面试以及onsite小记(北美)   最近两个月忙于找工作,投了不少简历,比较牛逼的公司里面就领英和脸书理我了,都是同学朋友内推的功劳.没想到自己也比较争气,一路杀到了最后一轮,拿到了两家的 ...

  5. leetcode[96] Binary Tree Inorder Traversal

    给定树根root.实现中序遍历,也就是左根右. 用递归的话,很简单,左边的返回值加上root的再加上右边的就行. 我自己写的有点挫: /** * Definition for binary tree ...

  6. Linq to NHibernate入门示例

    Linq to NHibernate入门示例 NHibernate相关: 09-08-25连贯NHibernate正式发布1.0候选版 09-08-17NHibernate中一对一关联的延迟加载 09 ...

  7. ASP.NET开发,简化与封装

    ASP.NET开发,简化与封装 微软的ASP.NET的开发,就是面向对象的编程,当然前端也能体验至面向对象的话,使用Web控件也必须的. 任一控件,我们均可以在后端.aspx.cs或.aspx.vb程 ...

  8. Role Object(角色对象)

    Role Object(角色对象) 索引 意图 结构 参与者 适用性 效果 相关模式 实现 实现方式(一):Role Object 的示例实现. 意图 通过明确地附加角色对象到目标对象中,以使对象可以 ...

  9. MVC中使用Unity Ioc Container

    ASP.NET MVC中使用Unity Ioc Container   写在前面 安装Unity 添加服务层 IArticleRepository类型映射 服务注入到控制器 Global.asax初始 ...

  10. Build MySQL 5.7.4 in RedHat

    Install Cmake 1. download cmake source code at  http://www.cmake.org/files/v3.1/cmake-3.1.0.tar.gz 2 ...