Pinia

Pinia 是 Vue 的状态管理库，允许在跨组件/页面之间共享状态,由 Vue 核心团队维护，对 Vue 2 和 Vue 3 都可用。类似于react中的mobx和redux。Vuex是 Vue 之前的官方状态管理库。由于 Pinia 在生态系统中能够承担相同的职责且能做得更好，因此 Vuex 现在处于维护模式。它仍然可以工作，但不再接受新的功能。对于新的应用，建议使用 Pinia。

Vite

vite是一个基于原生 ES-Module 的前端构建工具，相比于webpack等打包工具，更加轻量、快速。

Axios

Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js , Axios 使用简单,包尺寸小且提供了易于扩展的接口。

CSS Modules & Sass

CSS 的规则都是全局的，任何一个组件的样式规则，都对整个页面有效。随着我们应用中组件的增多，很容易会出现类名冲突引发样式混乱, CSS Modules可以自动帮我们生成唯一的类名，这样就可以保证某个组件的样式不会影响到其他组件。

前端模块化

随着 web 技术的发展，前端的项目会越来越大，在这种情况下，传统开发会有许多问题，例如：命名冲突和污染、代码冗余，无效请求多、文件间的依赖关系复杂，这些问题会让项目变得难以维护且不方便复用，而前端的模块化可以解决这些问题。

Mobx

Mobx 是一个和 React 良好配合的集中状态管理工具，mobx 和 react 的关系，相当于 vuex 和 vue，同类工具还有 redux、dva、recoil 等。

Typescript

TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。

Ajax

AJAX全称为Asynchronous JavasSript And XML，就是异步的js和xml。通过AJAX可以在浏览器中向服务器发送异步请求，AJAX不是新的编程语言，而是将现有的标准组合在一起使用的新方式。

flex布局

Flex 全称 Flexible box 布局模型，通常称为 flexbox 或 flex，也称为弹性盒子或弹性布局。一种比较高效率的 css3 布局方案，可以用少量的代码高效的实现各种页面布局。