lavas自动创建目录及说明

最新推荐文章于 2022-08-22 10:01:08 发布

原创最新推荐文章于 2022-08-22 10:01:08 发布 · 691 阅读

0 ·

CC 4.0 BY-SA版权

VUE 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了使用lavasinit命令创建项目后的目录结构及其各部分的功能。从核心组件到页面划分，再到服务端渲染和静态资源管理等方面进行了详细阐述。

lavas init 命令创建工程后，目录如下。相应的目录说明，下文给出。
├── assets
│   ├── css
│   ├── fonts
│   └── stylus
├── components------------被core/app.vue使用。
│   ├── AppHeader.vue
│   ├── AppSidebar.vue
│   ├── ProgressBar.vue
│   ├── Sidebar.vue
│   └── UpdateToast.vue
├── core
│   ├── app.js---------------------创建整个项目的 Vue 实例
│   ├── App.vue-------------------整个项目的布局框架，会应用于项目内的所有页面
│   ├── entry-client.js---Vue SSR 要求我们建立 entry-client.js 和 entry-server.js 分别作为 webpack 的两端入口
│   ├── entry-server.js--Vue SSR 要求我们建立 entry-client.js 和 entry-server.js 分别作为 webpack 的两端入口
│   ├── event-bus.js
│   ├── iscroll-ssr.js
│   ├── service-worker.js------------------service-worker 文件
│   ├── Skeleton.vue
│   ├── spa.html.tmpl
│   └── ssr.html.tmpl--在服务器端渲染模式下，Vue SSR 要求开发者提供一份 HTML 模板文件作为页面基本框架。
├── lavas.config.js   ----------Lavas 构建、运行中使用的配置项
├── LICENSE
├── package.json----------------重要文件
├── package-lock.json
├── pages
│   ├── Appshell.vue
│   ├── detail
│   ├── Error.vue ----------默认错误处理
│   ├── Index.vue
│   └── Search.vue
├── README.md
├── server.dev.js------------研发状态启动入口
├── server.prod.js--------生产状态启动入口
├── static----静态文件夹
│   ├── fonts
│   ├── img
│   └── manifest.json
├── store
│   ├── appShell
│   └── pageTransition.js
└── test----------------------------测试用例文件夹
    ├── cases
    └── utils.js

907 directories, 30 files