vue3的vite版本

### Vue 3与Vite集成的版本信息及使用指南

#### 安装和配置Vite Plugin Vue Layouts插件
为了在Vue 3应用程序中利用布局功能，可以安装并配置`vite-plugin-vue-layouts`插件。通过遵循官方文档中的指导完成设置过程后，就能顺利地在项目里实现多样化的页面布局[^1]。

npm install vite-plugin-vue-layouts --save-dev

接着，在`vite.config.js`文件内引入此插件：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueLayouts from 'vite-plugin-vue-layouts'

export default defineConfig({
  plugins: [
    vue(),
    vueLayouts()
  ]
})

#### 启动基于Vite构建工具的Vue 3应用实例
对于采用Vite作为前端打包器的新建Vue 3工程而言，只需按照[vite-vue3-lowcode](https://gitcode.com/gh_mirrors/vu/vue3-monorepo-temp)这类模板项目的说明操作即可快速搭建起本地环境，并可通过命令行启动服务来预览成果[^4]。

npm run dev

此时，默认情况下应该能够在浏览器端通过访问`http://localhost:3000`查看到正在运行的应用界面。

#### 卸载旧版CLI工具（如果适用）
假如之前已经全局安装过较早版本的Vue CLI，则建议先将其移除再继续后续工作；具体做法取决于所使用的Vue CLI的具体版本号[^3]。

对于低于3.0版本的情况：

npm uninstall vue-cli -g

而对于等于或高于3.0版本的情形来说：

npm uninstall -g @vue/cli