首先来说这个项目技术支持
vite：下一代的前端开发与构建工具
vue3+ts+pinia+scss+router的技术支持
好！废话不多说，上干货了！！！
首先我们第一步，使用vite搭建一个项目
使用npm
npm init vite@latest
使用yarn
yarn create vite
使用pnpm
pnpm create vite
创建成功之后进入项目
安装依赖，
这里作者使用的是yarn依赖包安装工具
默认安装全部依赖
安装axios、vue-router、pinia、scss、以及nprogress
使用yarn安装的命令： yarn add axios ；
scss的话由于vite工具中已经配置有了scss和less支持，所以不需要再次安装sass-loasder
以上依赖安装完毕，话不多说我们上代码！！！
项目配置：
入口文件配置：
env.d.ts引入声明nprogress
定义store，引入pinia
定义参数使用：
值得一提的是：
在pinia中取消了mutation的入口，所有的数据改变都依赖于actions，同时在pinia是内置的有ts支持的
使用store：
习惯了react的自定义hooks的小伙伴们，这次vue3也有了，支持结构，通过ref定义数据，做解构赋值：
引入hooks：
路由配置
以上设置完成之后，就可以开始做项目了！！！
为了让我们基础的同学明白简单项目搭建，笔者没有去做太多的生产测试环境配置，简单来说，这是一个三分钟上手的一个项目模板，如果有同学需要更多功能可以给笔者私信，我们共同探讨！！！
本文章的技术支持来源：
vite：vitejs.cn/
vue3：v3.cn.vuejs.org/
axios：www.axios-js.com/
pinia：pinia.vuejs.org/
scss：www.sass.hk/
vue-router：router.vuejs.org/
有兴趣的同学可以关注一下作者哦～～～
