从新回归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