从新回归Vue之3.0（一）：Vite，创建

开篇技术栈：Vite+Vue3+Ts+Element-plus

一，Vite

它是下一代前端开发与构建工具

当我们开始构建越来越大型的应用时，需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。我们开始遇到性能瓶颈 —— 使用 JavaScript 开发的工具通常需要很长时间（甚至是几分钟！）才能启动开发服务器，即使使用 HMR，文件修改后的效果也需要几秒钟才能在浏览器中反映出来。

Vite 旨在利用生态系统中的新进展解决上述问题：浏览器开始原生支持 ES 模块，且越来越多 JavaScript 工具使用编译型语言编写。

Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间。

创建流程？

1.将node版本>=12.0.0

如果发现node包安装后无法升级，记得将环境变量里的node干掉，之后重新装

2.安装vscode编辑器

必须安装Volar插件，并且将vue2.x安装的插件Vetur禁用，不然会一片爆红

3.安装vite

npm init vite@latest

4.或者同时创建vite项目

npm init vite@latest my-vue-app --template vue

5.启动

cd my-vue-app

npm install

npm run dev

二，版本依赖兼容问题

vuex和router必须是4.0及以上版本的，要不然会有兼容问题；
————————————————
版权声明：本文为CSDN博主「蜗牛ha」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/tan9374/article/details/122399064