路由 vue-router  官方路由管理

状态管理 pinia
取代 vuex 成为官方的状态管理工具,在 vue devtools 集成后，调试状态变得简单，支持 typescript

组件库
ant design vue / vuetify / naiveui / element-plus
这几个组件库都是经过时间考验的，antdv 设计感比 element-plus 更强；naiveui 是后起之秀，尤雨溪支持过，代码用 tsx 编写，官网文案也蛮有意思。


js 语言：typescript
就算代码里写的类型都是 any，都应该在项目中用 typescript

css 语言： sass 功能更强大

样式工具： unocss

构建工具：vite
一个字：快，vue 开发首选构建工具，用来开发浏览器扩展也很不错，支持热更新

SSR：nuxtjs
vue3 ssr 首选 nuxt3，搭建个人网站或者企业官网都很简单高效，大型应用也能胜任。
SSR  服务器端渲染 Server-Side Rendering


请求处理：axios


日期库：dayjs 轻量级日期 js 库

代码规范：eslint + stylelint + prettier + husky
一套完整的代码规范工具链，包括 js 和 css 的约束，通过 prettier 约束书写格式，配合 husky 在 git 提交时检查代码 

包管理工具：pnpm
解决了嵌套依赖、幽灵依赖等问题，减小了node_modules的体积，节省磁盘空间 ，同时支持 monorepo


编辑器：vscode



Sass和UnoCSS是两种不同的CSS工具 

Sass（Syntactically Awesome StyleSheets）是一种CSS预处理器，它通过扩展CSS的功能来简化样式表的编写和维护。
Sass支持变量、嵌套规则、mixin和函数等特性，使得CSS代码更加灵活和易于管理。
Sass代码通常以.sass或.scss文件扩展名保存，然后通过编译器转换为标准的CSS文件。
Sass的语法与CSS类似，但提供了更多的功能和灵活性。

UnoCSS是一种原子化CSS引擎，它通过将CSS样式分解为独立的原子工具来实现高效和可维护的样式管理。 
UnoCSS的主要特点是即时生成和按需加载CSS工具，这使得它在开发过程中非常灵活和高效。 
UnoCSS的配置和规则定义是其强大的核心功能之一，可以通过各种框架和工具进行集成。

在实际应用中，Sass和UnoCSS可以结合使用。例如，在一些项目中，开发者可能会选择使用Sass来编写样式，并利用UnoCSS的原子化工具来优化和管理这些样式。
这种结合使用可以充分利用Sass的灵活性和 UnoCSS的高效性，从而提高开发效率和代码质量
Sass适合需要复杂样式管理和灵活功能的项目，而 UnoCSS则更适合追求高效和可维护性的项目