### 本节将介绍如何在项目中使用TTK框架 按国际惯例，首先，我们从hello world开始。  1. 用脚手架提供的指令`ttk app`来新增一个空白页 如：`ttk app test/helloworld` 注：上述命令中helloworld为空白页的名称，test是模块名称（注意：test属于模块名称，在website/apps下面有个test的文件夹，如果该文件夹不存在，会引发一些异常） ``` 如果test文件夹不存在，可以在根目录下执行 ttk modules test命令在创建新的模块。 ``` 创建后，空白页目录结构说明： :-:  ***** 页面文件结构说明: 文件名 | 备注 ---|--- `index.js` | 空白页描述页 `data.js` | 页面模型元数据、初始化页面state `action.js` | 页面模型的事件 `reducer.js` | 页面state管理，负责渲染页面 `webapi.js` | 调用后端服务配置文件 `component.js`| 页面渲染入口 `config.js` | 本页配置文件 `mock.js` | 本地模拟数据 `style.less` | 样式文件 创建成功后使用npm run start即可预览 ### 视频介绍