申阳

在登录成功之后，会跳转到后台页面，用户未登录的情况下输入 /login 之外的其他页面，提示未登录。用户登录后，token 过期之前都不允许进入 login`页面，重复登录。

今天在配置项目全局 `404` 页面的时候，发现 `element-plus` 的按钮样式没了，原因是 tailwindcss 和 element-plus 样式冲突，解决方案如下。

vue3+vite+ts，使用 pinia-plugin-persistedstate 持久化。。。。。

vue3+vite+ts 使用 LocalStorage 缓存常用数据，使用 pinia 管理全局状态

前面已经完成了一些基础的配置，接下来开始进入真正的开发阶段。开发过程中会涉及到一些其它插件的集成，这里用到什么就记录一下使用的心得体会。

vue3 + ts 整合 vite-plugin-mock 插件，更加方便的使用浏览器完成接口调试。

使用 Axios 请求，使用 Mock.js 快速创建接口所需要的数据，实现前后端分离式，快速开发。

在 vue3+vite+ts 项目中，快速整合 element-plus 和 tailwindcss。

使用 ESlint+ Prettier 规范代码风格，使用 Commitizen 规范化代码提交。使用 husky + commitlint + lint-staged 实现自动化。