使用 Vue3+Vite2 搭建后台管理后的自我感觉

为了学习新的技术，只看不用是永远不行的，所以我决定使用 Vue3+Vite2 做一个简单地后台管理项目；主要包括登录、layout、几个 table 页还有几个图表。

开发工具

我使用的是 vscode + Volar 插件，首先说对于编辑器的使用，volar 并没有 vue3 的语法提示，给我这种懒人小白增加了一些开发难度，需要不断的去查文档。感觉这个插件唯一的好用之处在于可以将 .vue 文件一键直接分成三个窗口编辑。

开发语言

这是我比较后悔的地方，因为之前一直使用的是 JavaScript 开发，所以想着先用 Vue3+JS 开发吧，但是 Vue3 的很大优势就在于 TypeScript 的支持上，之后应该会考虑使用 TS 重构一下。

Vue3 使用感受

优点

以下的说法，均为在 setup 语法糖中实现为前提

1. 引用组件后，无需注册
2. 无需在 data methods 等钩子函数中来回切换，但要注意变量的作用域
3. 无需考虑组件需要唯一根元素
4. vite 启动编译很快，修改配置文件会自动重启
5. Vue3 支持在 css 中使用 js 变量

缺点

1. 每次编辑新的文件都需要引入一遍所需 api, 例如 ref onMounted 等
2. （这条是针对于我这种使用开源的人来说）感觉支持 Vue3 的开源框架的文档并不是很友好
3. 对于 node 环境有要求，在打包时需要 node 版本大于 12，这也不算是缺点吧，只是我们的容器环境暂时不支持，就很烦。

总结

这仅仅是我使用过程中的感受，之后我会尝试下 组合式 API 使用后会持续更新的。