【vite+pinia】

vite

1. 轻量快速热重载，开发环境中不需要打包操作，可以快速冷启动
   按需编译，不需要等待整个应用编译完成

pinia

1. 支持vue2和vue3，是vue专属的状态管理库，允许跨组件或者页面
   共享状态
2. 与vuex相比，pinia提供了更简单的API。最重要的是搭配ts一起使用时有非常可靠的类型推断支持

特点：v2和v3都支持

1. 抛弃mutation，只有state，getter，action
2. ts支持
3. 代码简洁，很好的代码自动分割

VUe-cli：

vue2-3:vue-cli 构建项目

1. 处于维护模式

使用vite创建项目

1. npm create vite@latest   ---- 创建项目
2. √ Project name: ... vite-project  --- 创建项目(起名)
3. Select a framework: » - Use arrow-keys. Return to submit.     选择项目框架  
             Vanilla
           >   Vue
               React
               Preact
               Lit
               Svelte
               Others
4. Select a variant: » - Use arrow-keys. Return to submit.   选择语言
           >   JavaScript
               TypeScript
               Customize with create-vue
               Nuxt

cd vite-project     --- 进入项目目录
            npm install         --- 安装项目依赖
            npm run dev         --- 启动项目

--vite 只搭建纯粹的vue 项目，其他比如vuex，router都需要自己安装

安装其他的

1. --npm install vue-router@4