1.前言vue3更新快，很多IT发展快的地方从22号开始就提上日程了，小编所在的青岛，似乎有一个最近有点小麻烦。Vue3人才在青岛还是比较稀缺的。这纯粹是我自己的意见。也许我是井底之蛙！！vue2+webpack的时代即将过去，主要是启动时间太慢。所以推荐使用Vite进行构建，也推荐官方的vue3！！速度很快，基本秒级启动级别！例子还是vue3最新的组合语法糖设置。二、vite介绍及搭建1、介绍一下Vite官网：https://cn.vitejs.dev/Vite是一款轻量级极速搭建工具，优先支持VueSFC。作者是游玉玺，也是Vue的作者！Vite3需要Node.js版本14.18+、16+。但是，某些模板需要更高版本的Node才能正常运行，请注意在您的包管理器警告您时升级您的Node版本。2、搭建废话不多说，直接搭建：使用Vite创建Vue项目，非常简单：npminitvue@latest命令安装并执行create-vue，这是Vue官方提供的脚手架工具。然后输入项目名称。然后进行一个搭建脚手架的操作：3.参数说明为了大家看得更清楚，写在下面：问题翻译选择√项目名称：项目名称vite-vue3√添加TypeScript？使用新的ts语法是√添加JSX支持？可以嵌入使用{{}}是√单页应用开发添加VueRouter？添加路由是√添加Pinia进行状态管理？存储库是√添加Vitest进行单元测试？单元测试No√添加赛普拉斯进行单元和端到端测试？单元测试No√为了代码质量加ESLint？es语法检测是√添加Prettier进行代码格式化？语法风格是的4.使用npminstall安装essyntaxcheckinideanpmrunlint运行项目npmrundev启动还是很快的！页面正常，获取手册！5.Vue3语法糖这可以是vue3文件的模板。3.Pinia简介Pinia是一个Vue存储库，它允许您跨组件/页面共享状态。如果您熟悉CompositionAPI，您可能认为您已经可以传递一个简单的exportconststate=reactive({})。这对于单页应用程序是正确的，但如果它是服务器端呈现的，它会使您的应用程序暴露于安全漏洞。但即使是在小型单页应用程序中，您也可以从使用Pinia中获得很多好处：开发工具支持跟踪操作、时间线变化。商店出现在使用它们的组件中。时间旅行和更容易调试。热模块更换无需重新加载页面即可修改您的商店。在开发时保持任何现有状态。插件：使用插件扩展Pinia功能。为JS用户提供适当的TypeScript支持或自动完成。服务端渲染支持Pinia：它是vuex的新版本，对vuex进行了简化，使用起来更加高效快捷，推荐大家在vue3中使用，当然也支持vue2。Pinia的图标还蛮可爱的！！pinia官网：https://pinia.web3doc.top/4.综上所述，这样构建成功。其实很简单。主要目的是说说Vue3+ts+pinia。新的东西还是要多接触，虽然我们是后台，不要用太多的技能压垮自己！！
