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