目录结构(Directory structure)

目录结构(Directory structure)

项目结构

使用cml init project 生成的项目结构如下：

├── chameleon.config.js                 // 项目的配置文件
├── dist                                // 打包产出目录
├── mock                                // 模拟数据目录
├── node_modules                        // npm包依赖
├── package.json
└── src                                 // 项目源代码
    ├── app                             // app启动入口
    ├── components                      // 组件文件夹
    ├── pages                           // 页面文件夹
    ├── router.config.json              // 路由配置文件
    └── store                           // 全局状态管理

文件夹和文件

文件	必须	作用
chameleon.config.js	必须	项目配置文件
dist	必须	自动生成，用户无需关注。项目编译目标目录
mock	必须	数据mock编写文件夹
node_modules	必须	自动生成，用户无需关注。npm包安装文件夹
package.json	必须	npm包配置文件
app	必须	应用启动入口根文件夹
components	必须	用户组件根文件夹
pages	必须	页面根文件夹
router.config.json	必须	路由配置文件
store	必须	数据管理文件夹

CML 文件

一个CML文件开发的组件由四块内容组成，分别是：

标签	必须	属性	作用
template	必须	lang:cml\|vue	提供组件结构、事件绑定、数据绑定、样式绑定
script	必须	暂无	组件逻辑
style	必须	lang:less\|stylus	组件样式表
json(使用script标签设置cml-type属性)	必须	cml-type:json	组件配置