Skip to content
陈随易陈随易
我的博客
    • 目录含义
      • 路由管理
        • 构建打包
          • 项目部署
            • main.js入口
              • 静态资源
                • css预处理
                  • 路径别名
                    • 样式组织
                      • 页面分配
                        • 全局组件
                          • 插件导入

                          页面分配

                          陈随易原创2022年5月8日
                          • 开源项目
                          • yicode-cli
                          大约 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 页面名称

                          不过,请谨慎使用。

                          上次编辑于: 2022/5/8 下午1:50:01
                          贡献者: chensuiyi
                          上一页
                          样式组织
                          下一页
                          全局组件
                          何以解忧,唯有代码
                          Copyright © 2022 陈随易

                          该应用可以安装在你的 PC 或移动设备上。这将使该 Web 应用程序外观和行为与其他应用程序相同。它将在出现在应用程序列表中,并可以固定到主屏幕,开始菜单或任务栏。此 Web 应用程序还将能够与其他应用程序和你的操作系统安全地进行交互。

                          详情