Ionic的项目结构-工程目录

时间 2019-11-12

标签 ionic 项目结构工程目录繁體版

原文原文链接

　　作前端的都应该知道一个框架 Ionic 这个是移动端webAPP最好用的吧（我的认为），那今天就来讲说这个项目的结构以及文件的含义，但愿对你们有所帮助css

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

在用编辑器　HBuilder 打开生成的项目之后，咱们能够看到一系列自动生成的文件夹和文件。

　　 hooks 文件夹是伴随 Cordova 的安装自动生成的文件夹，该文件夹有脚本能够定制 Cordova 命令。通常状况下，不对该文件夹中的文件进行更改。
　　前端

　　包含了全部使用 npm 安装的依赖包。 node

　　用于放置 Ionic 扩展文件的文件夹（存储全部 Cordova 插件的位置），比如升级或者扩展 Ionic 。为了安装这些扩展文件，你需要确保安装了 Git 。一般咱们不对该文件夹进行改动。 scss 和www 这两个文件夹，是项目中常常会用到的文件夹。毕竟懂node的读客会知道www的 git

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

　　Ionic偶尔会使用Bower安装一些组件，因此产生了bowerrc文件，一般不对该文件进行修改 web

　使用Git和GitHub追踪项目时，.gitignore能够用来指定忽略文件。若是不想特定的文件夹和文件被上传到Git仓库（repository)，咱们可使用.gitignore防止文件转移。npm

　　在Git中，咱们将须要进行版本控制的文件目录叫作一个仓库，每一个仓库能够简单理解成一个目录，这个目录中的全部文件都经过Git来实现版本管理，Git都能跟踪并记录在该目录中发生的全部更新。 json

　　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 文件同样的机制就是缓存

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