页面分配

2021-11-23 大约 1 分钟

# 页面分配

页面,是 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 页面名称

不过,请谨慎使用。

上次编辑于: 2021年11月23日 13:44
贡献者: chensuiyi