1. demo项目结构

2016-11-23  本文已影响0人  oneboi
1.jpg

1. app目录

项目编码文件夹 ,后续的代码编写都是在此进行

编码语言是html ,css(sass),js

1.2 pages>page1

app>(pages页面)

书写页面的地方

2.PNG

2.hook目录

hook钩子文件夹
cordova做处理时使用的东西,列如cordova编译之前,和编译之后做的一些动作,简单理解理解就是可以单独完成一些特定动作的东西。很少用

3. node_modules

npm安装的包文文件,所有的依赖文件和npm下载库都在这里存放

我们不动这个文件下库文件,要改也是在外面修改。

4. platforms

平台文件夹

ios文件夹 和android文件

5. plugins

插件文件夹区别于node_modules(包),

他里面放着crodova的一些插件包括:

  1. 设备
  2. 启动界面
  3. 状态栏
  4. 白名单
  5. 键盘

6. resources文件夹

android
ios

图标

启动界面

放着图标和启动页面的图标,分平台,每一平台下有不同尺寸的图标和启动界面

我们可以通过工具生成适配不同设备的不同大小的图标和启动界面

7. www目录

特殊文件夹

浏览器调试时,在bulid后 生成一些文件夹和文件,可以再ios,android web上用.

把app下的文件和文件夹编译后,解析成web网站的结构,我们把www目录部署出去就是一个网站形式的app,直接部署app文件夹是不对的,他没有入口

8.config.xml

项目的整体配置文件 ,

ionic是用node,cordova,angularjs来写的,她的配置接口和cordova项目很像的。

用来做项目的全局配置

9. gulpfile.js

核心库文件

用来做工作流中的自动化处理。
ctr+s刷新

9. ionic.config.js

用来执行 cll

ionic.config,json

可以自定义一些 一些配置之供项目读取使用 ,

10 .ionic.project

配置项目基本信息

11 package.json

npm 安装的依赖包文件(包依赖配置文件)

上一篇 下一篇

猜你喜欢

热点阅读