页面分配

页面，是 yicode 的核心思想之一，每个页面，都是一个独立的一级路由。

页面存放于 pages 目录中，其下的每个目录，都是一个页面。

之所以用目录的形式来组织页面，是因为有些页面还包含特有的组件和资源等。

可以统一放到页面目录下，方便管理。

页面的创建，不建议使用手动创建的方式。

因为，手动创建，和页面相关的东西如下：

1. 页面目录 page1
2. 页面文件 page1/index.vue
3. 页面路由 page1/route.js
4. 页面三大件 template script style
5. 页面 template 中的页面 css 类 page-page1
6. 页面 script 模块默认到处的页面组件名称 Page1
7. 页面 style 模块中，和页面 template 想对应的类名 page-page1
8. 页面路由文件中的代码
9. 页面路由文件中的当前页面路由名称 page1 和导入页面 index.vue 模板

yicode 作为一个讲究码德的框架，当然不能如此耗费心神。

所有的这些步骤，都可以通过 yicode new --page page1 这个命令一次性解决。

同时，此命令将会屏蔽一些创建细节，比如：

• css 类名要用短横线分割 page-page1
• 页面组件导出的名称，要以大驼峰（单词首字母都大写）
• 文件名称要以小驼峰命名（首字母小写，其后单词首字母大写）

智者千虑，必有一失。

就让 yicode，来做这最苦最累的活吧。

同时，一键删除页面的命令为

yicode del --page 页面名称

不过，请谨慎使用。