解构 Vue3 生态中冉冉升起的类 Umi 框架 convue

在 Vue3 的生态圈里，convue 脱颖而出，凭借着轻量、快速、开箱即用的特性，逐渐成为开发者们的宠儿。convue 是一个基于 Vite 的类 Umi 框架，为开发者提供了初始化项目的脚手架工具。它支持 sfc (vue 单文件) 形式和 tsx 方式两种开发模式，满足不同开发者的需求。

convue 采用约定式的目录形式，这是一种有效提高开发效率和促进项目统一规范的方式。在 convue 中，项目的结构是固定的，每个文件都应该放在指定的位置。这种方式看似约束，实则解放，它可以帮助开发者快速找到所需的文件，减少在项目中寻找文件的时间，从而提高开发效率。

convue 还提供了一系列开箱即用的特性，如状态管理、路由管理、按需加载等，极大地简化了开发流程。开发者可以专注于业务逻辑的开发，而无需花费时间在繁琐的配置上。

总的来说，convue 是一个非常优秀的 Vue3 类 Umi 框架，它轻量、快速、开箱即用，并且采用约定式的目录形式，有利于提高开发效率和促进项目统一规范。如果你正在寻找一个 Vue3 项目的脚手架工具，那么 convue 绝对是你的不二之选。

下面，我们来具体看看 convue 的安装和使用。

首先，需要安装 convue 的脚手架工具。可以使用以下命令进行安装：

npm install -g convue

安装完成后，就可以使用 convue 创建一个新的项目了。在命令行中，导航到要创建项目的位置，然后执行以下命令：

convue create my-project

其中，my-project 是项目名称。

项目创建完成后，就可以进入项目目录，开始开发了。

在 convue 中，项目的结构是固定的。项目目录下主要有以下几个文件夹：

• src：存放源代码
• public：存放静态资源
• node_modules：存放依赖包
• package.json：存放项目配置信息

在 src 目录下，又可以分为以下几个子目录：

• components：存放组件
• pages：存放页面
• store：存放状态管理
• router：存放路由配置
• utils：存放工具函数

开发者可以根据自己的需要，在这些目录下创建相应的代码文件。

convue 提供了一系列开箱即用的特性，如状态管理、路由管理、按需加载等。这些特性可以极大地简化开发流程，让开发者可以专注于业务逻辑的开发。

状态管理是 convue 的一个重要特性。convue 集成了 Pinia 状态管理库，为开发者提供了简单易用的状态管理解决方案。

路由管理是 convue 的另一个重要特性。convue 集成了 Vue Router 路由管理库，为开发者提供了灵活的路由管理方案。

按需加载是 convue 的一个非常实用的特性。它可以帮助开发者将代码拆分成多个小的模块，然后在需要的时候才加载这些模块。这可以极大地提高页面的加载速度，提升用户体验。

总之，convue 是一个非常优秀的 Vue3 类 Umi 框架。它轻量、快速、开箱即用，并且采用约定式的目录形式，有利于提高开发效率和促进项目统一规范。如果你正在寻找一个 Vue3 项目的脚手架工具，那么 convue 绝对是你的不二之选。