vuevite发布（vue32发布）

本篇文章给大家谈谈vuevite发布，以及vue32发布对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

1、Vitevue3多页面入口打包及部署踩坑
2、速度起飞!vue-cli低成本接入vite5
3、vue现在是哪个版本了(vue是哪一年发布的)

Vitevue3多页面入口打包及部署踩坑

在2023年末，我决定改造我的UtilMeta项目官网，原因在于之前的官网采用Vue2实现的SPA应用，对搜索引擎SEO不友好，这对于项目介绍官网来说是一个严重问题。因此，我选择了Vite-SSG + Vue3 + Vuetify3来重新构建官网，耗时约两周。

创建项目时，先执行命令创建Vue和Vue-TypeScript项目。项目创建后，由于不自带ESLint，需手动配置。首先安装ESLint。安装后，创建或初始化eslintrc.js，按照提示选择推荐风格，如选择aribn或standard。安装相关依赖包，可通过npm或yarn，注意使用yarn时需要手动创建eslintrc.js文件。

重点在于两个设置： /api/路径后是否跟有斜杠，需根据项目实际情况进行决定。 proxy_pass 8***.***：9199/； #替换为实际后端服务器地址和端口在proxy_pass配置中，需特别注意添加斜杠。如果没有斜杠，直接访问将无法成功获取后端API。

之前凭借vuepress2与vite成功构建了个人博客，鉴于vue3的文档采用vitepress的新设计，我决定尝试搭建一个工作文档网站，以体验其魅力。在开始时，我误将配置文件夹命名为.vitepress，而非放在docs目录下。这导致我在设置导航和侧边栏时，尽管复制了官方教程的代码，却始终无法生效。

创建Vue3项目时，遇到图片未显示问题。最初，认为可能是图片路径设置错误，调整路径后，发现图片未加载。同事指出打包文件夹中无图片，确实如此。误以为问题源于此，忽视了真正原因。深入检查后，发现小项目中，图片大小小于4kb，在打包时被转为base64格式，存储于js文件中，导致在打包文件夹中未发现图片。

速度起飞!vue-cli低成本接入vite5

1、proxy配置在vue-cli和vite之间有细微差异，考虑后续可能通过插件统一配置。最终，通过总体vite配置文件整合所有调整，以确保兼容性和效率。验证接入效果，使用--report参数比较构建时间。vue-cli构建耗时较长，而接入vite后，构建时间大幅缩短，约为原来的十分。实现低成本高效开发，提升项目开发效率。

2、使用vue-cli4的项目，业务写多了之后开发运行和打包都慢了很多，为了提升开发体验以及更新团队技术框架，需要升级到更高级的脚手架上，两种方案：一是升级到vue-cli5，二是升级到最新的vite。其中之一种方案升级简单，经过实验，打包的速度不升反慢，这可能和项目中的有依赖以及业务代码有关。

3、Vue CLI作为Vue 2的官方脚手架工具，基于Webpack开发，其特点是将所有代码在服务启动前打包成Bundle，这在处理大型项目时会显著影响启动速度。Vite在开发环境下的体验优于Vue CLI，因为它基于浏览器原生功能，无需进行打包操作。

4、Vue官方推荐了两种创建SPA项目的快速方式，即基于vite和基于vue-cli。具体操作如下：基于vite创建SPA项目** **基于vue-cli创建SPA项目** 在进行选择时，您可以参考以下图示进行判断。接下来，我们将带您深入了解vite的基本使用。

5、利用浏览器中的原生ES模块。这种架构使得Vite比Webpack的开发服务器快了好几个数量级。Vite采用Rollup进行构建，速度也更快。Vite目前还处于测试阶段，看来Vite项目的目的并不是像Vue CLI那样的一体化工具，而是专注于提供一个快速的开发服务器和基本的构建工具。

vue现在是哪个版本了(vue是哪一年发布的)

Vue 团队宣布在2020年9月18日晚11点半发布Vue 0版本，这是框架历经两年多努力后的结果。更新包括性能优化、更紧凑的打包体积、增强的TypeScript支持、全新API以应对大规模用例，以及为框架未来迭代打下基础。发布0版本标志着30多个RFC提案、2600多次提交、99位贡献者提交的628个PR的成果。

发布于2016年的Vue 0，成为Vue发展史上的重要里程碑。它为许多现在的Vue开发者铺垫了道路，造就了许多伟大的项目。然而，为了集中精力维护最新的主要版本，团队决定停止同时维护两个主要版本。从2023年12月31日起，Vue 2将不再接收新功能、更新或修复，但仍可在所有现有的分发渠道上使用。

Vue3在2020年9月发布，相较于Vue2，其重写的主要原因在于改善类型系统与内部逻辑分层。Vue2基于JavaScript，引入了Flow进行类型检查，但存在类型覆盖不完整、工具链支持不佳等问题。Vue3转用TypeScript重写，解决了这些问题，同时使得内部逻辑更加清晰，更利于长期维护。

Jeecgboot-Vue3v0.0版本正式发布，基于代码生成器的企业级低代码平台Jeecgboot-Vue3采用Vue0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。是在Vben-Admin基础上研发的，适合于JeecgBoot的新版前端VUE3框架。

年9月17日。Vue 4于2020年9月17日发布了正式版。在Vue 4中，进行了多方面的优化，包括性能、可扩展性和API设计等方面。引入了Composition API和新的低级API，这些API的设计使得开发者在编写代码时更加灵活和高效。

Vuejs于2020年9月19日凌晨发布了代号为OnePiece的0版本。以下简称Vue3 跟着官网文档，我们一起来体验下新版的魅力。