写在前面的话 公司上半年重构了后台管理页面，用了vue3+elementPlus +vite++ts+pinia+vue-router4 ，想记录一下一个公司后台管理项目从零到开始的过程 项目规范和目

从零开始vue3+vite+ts+pinia+router4后台管理(5)-二次封装表格1.0 项目地址 项目git地址 思路和原则 二次封装UI组件要注意的三个地方分别是属性、事件、插槽，我们在封装

上一篇我们已经把基础的工程化搭建了，下面就是集成项目所需要的插件，比如elementplus、unocss、mock之类的，因为我们使用的是vite，所以这些插件需要集成在里面。

万字长文讲述基于 Vue + Vite + Element-Plus + TypeScript 从0到1搭建真实企业级后台管理系统前端模板，配套Java 、Node 后端源码。

一、单词意思 name:为prop名 type：类型 required：是否必选项（此栏是否为空） message：报错信息 trigger：触发方式（ blur ：失去焦点时进行验证 常用：对 in

从零带领大家搭建基于 vue3 + vite2 + typescript 的开发环境，逐渐带领大家搭建一套属于你自己的脚手架，制定一套合理的解决方案，为项目打下良好的基础，与同伴形成合适的开发习惯。

2021第一更是尤大的Vite2，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长将以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因此能兼容现…

注意 1.vue文件使用不了require 2.运行时获取环境变量需要使用import.meta.env

然后按照操作,选择你想要的模板执行就行。 打开项目，我们看到结构还是cli4结构类似的，就是简单了好多了。 vite2现在还没有开箱即用的模板，供我们使用，不过文档还是比较全面的。vite中文文档， 1. vue-router 1. 在src创建router文件夹，新建inde…