页面分配
原创2022年5月8日
页面分配
页面,是 yicode 的核心思想之一,每个页面,都是一个独立的一级路由。
页面存放于 pages 目录中,其下的每个目录,都是一个页面。
之所以用目录的形式来组织页面,是因为有些页面还包含特有的组件和资源等。
可以统一放到页面目录下,方便管理。
页面的创建,不建议使用手动创建的方式。
因为,手动创建,和页面相关的东西如下:
- 页面目录 page1
- 页面文件 page1/index.vue
- 页面路由 page1/route.js
- 页面三大件 template script style
- 页面 template 中的页面 css 类 page-page1
- 页面 script 模块默认到处的页面组件名称 Page1
- 页面 style 模块中,和页面 template 想对应的类名 page-page1
- 页面路由文件中的代码
- 页面路由文件中的当前页面路由名称 page1 和导入页面 index.vue 模板
yicode 作为一个讲究码德的框架,当然不能如此耗费心神。
所有的这些步骤,都可以通过 yicode new --page page1
这个命令一次性解决。
同时,此命令将会屏蔽一些创建细节,比如:
- css 类名要用短横线分割 page-page1
- 页面组件导出的名称,要以大驼峰(单词首字母都大写)
- 文件名称要以小驼峰命名(首字母小写,其后单词首字母大写)
智者千虑,必有一失。
就让 yicode,来做这最苦最累的活吧。
同时,一键删除页面的命令为
yicode del --page 页面名称
不过,请谨慎使用。