mPaas Kylin 项目目录详解

项目初始化的结构如下

project
├── mock //该目录提供了一种数据 mock 方式,即使用 cnpm run dev:mock 启动时,会自动加载其中的 rpc 目录和 jsapi 目录的对应数据接口。
│   ├── mock.config.js
│   └── rpc
│       └── test.js
├── package.json //包含了项目配置的元信息,主要有 pages, output, devPort, plugins, dirAlias
├── www //执行 cnpm run build 后,会自动将构建产物输出到 www 目录中。
└── src
    ├── common //用以放置项目中使用的 css,js,img 文件。
    │   ├── components
    │   ├── css
    │   │   └── base.less
    │   ├── img
    │   └── js
    ├── layout //可以在 package.json 中配置对应页面使用的 html 模板路径
    │   ├── index.html
    │   └── layout.html
    └── pages//这个目录是用来放各个页面的,各个页面分别放在 ./src/pages/${pageName}/ 目录下
        └── index
            ├── components
            ├── index.js 为当前 page 的主入口,这里的 page 页面最后会生成一个特定的 ${pageName}.html 页面,注意kylin没有用vue-router的机制
            └── store 有一个 `Vuex.Store` 实例,个人认为是封装了vuex

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 官方文档 初始化 Initialization是为准备使用类,结构体或者枚举实例的一个过程。这个过程涉及了在实例里...
    hrscy阅读 1,148评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1 92
  • feisky云计算、虚拟化与Linux技术笔记posts - 1014, comments - 298, trac...
    不排版阅读 3,893评论 0 5
  • 初始化(Initilization)是设置类型的实例的操作。它为每个存储属性给定了一个初始值, 并且可能会牵涉其它...
    焉知非鱼阅读 3,231评论 0 1
  • Teredo 原理概述 http://www.ipv6bbs.cn/thread-144-1-1.html (出处...
    我是叶问小盆友阅读 2,061评论 0 1