项目初始化的结构如下
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