美文网首页
1. demo项目结构

1. demo项目结构

作者: oneboi | 来源:发表于2016-11-23 20:30 被阅读0次
    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 安装的依赖包文件(包依赖配置文件)

    相关文章

      网友评论

          本文标题:1. demo项目结构

          本文链接:https://www.haomeiwen.com/subject/gmvvpttx.html