前言 一直以来我都被element-plus的from表单和table表格组件的开发困扰，每次改问题的时候就会发现组件一大堆表单代码，冗余太多了，然后又是不同开发者改。注释的代码，重复复制黏贴的代码。

🚀开源项目介绍：使用 Tauri + Vue3 + Vite5 + UnoCSS + TypeScript 的即时通讯(IM)应用

vue3相比vue2对ts拥有更友好的支持，当初在用vue2写ts时各种装饰器，现在只要使用<script setup lang="ts"></script>标签就可以直接使用ts。

前言 vue-router4x相对于vue-router3x除了新增了组合式API以外，还删除或变动了不少地方。单独列出来变动点太杂乱。这里系统性的把项目中经常能用到的知识点进行整理

一、特点 完整的 ts 支持 三大核心：state（存储的值），getters（计算属性），actions也可支持同步（改变值的方法，支持同步和异步） 与vuex相比，去除了mutations（act

公司中存在多个类似的项目，比如普通版和完全版。为了避免同时维护多个仓库这种繁琐的操作，我们可以在同一个代码仓库中维护多个工程

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

一款基于 Vite + Vue3 + Pinia + Unocss + Naive UI 的轻量级后台管理模板。

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