做前端的都应该知道一个框架 Ionic 这个是移动端webAPP最好用的吧(个人认为),那今天就来说说这个项目的结构以及文件的含义,希望对大家有所帮助
想看如何生成文件的话详细看我上篇博客
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 文件一样的机制就是缓存
这是我所知道的,如果有什么不对的地方,还请大神指点一二。