现在常用的前台UI分别是以下几种，我们将从中间选择介绍几个主流的UI的用于后台的系统搭建与开发。AntDesignVueelement-plusnaiveuiArcoDesignBootstrapVueBuefyChakraUIFramevuerkOrugaTachyonsTailwindCSSNutUIVantVuetify.js第一章Vue3项目创建1VueCLI创建vue项目第一章Vue3项目创建2使用Webpack5搭建vue项目第一章Vue3项目创建3Vite创建vue项目第二章Vue3基础语法指令第三章VueRouter路由器的使用第四章VUE常用UI库1(element-pl

这个是Vue3版本form-create-designer-naiveui是基于@form-create/naive-uivue3版本实现的表单设计器组件。可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。form-create-designer是基于@form-create/element-ui开发的表单设计器，本项目更换原项目的UI框架为NaiveUI，做出的更改如下：ElementPlusv2.0.1->NaiveUIv2.34.3codemirrorv5.60.0->v6.0.1自定义ColorPicker组件，便于定制组件颜色更新部分组件为Vue3版本文档

一、Vue3常用API导入安装依赖 pnpmi-Dunplugin-auto-import进行Vite配置文件名：vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue(),AutoImport({//自动导入Vue相关函数，如：ref,reactive,toRef等im

Vue的第三方组件库非常多，最优秀的就是Element-Plus和AntDesign，当然还有其他大厂出品的KPI项目，我们打算使用大佬推荐过的一个UI库-NaiveUI。这个库的引入和安装非常简单，官网上有详细的说明。NaiveUI安装与使用pnpminstallnaive-ui很多组件库都提供了全局引入和按需引入等配置方式，我们当然都推荐使用按需引入，按需引入有两种方式，一种是在页面手动引入需要使用的库，另一种自动按需引入，使用unplugin-auto-import和unplugin-vue-components库，虽然这种方式使用起来方便，但是按需引入的时候加载会比较慢，所以我们推荐使