深圳幻海软件技术有限公司

作者：京东物流邓道远背景描述随着项目的不断维护，代码越来越多，项目越来越大。调试代码的过程就变得极其痛苦，等待项目启动的时间也越来越长，尤其是需要处理紧急问题的时候，切换项目启动，等待的时间就会显得尤为的漫长。无法忍受这种开发效率的我，决定将老项目迁移至vite。距离Vite工具发布到现在已经有了一

一，搭建vite项目兼容性注意：Vite需要 Node.js 版本14.18+，16+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。通过下面的命令行可以创建指定项目名称和你想要使用的模板的vue项目?12345678

vite最近非常火，它是vue作者尤大神发布前端构建工具，底层基于Rollup，无论是启动速度还是热加载速度都非常快。vite随vue3正式版一起发布，刚开始的时候与vue绑定在一起，但之后的v2版本便比较独立，vite不仅支持vue，还支持React、Preact、Vanilla等前端库。由于vi

🐱个人主页：不叫猫先生🙋‍♂️作者简介：前端领域新星创作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！💫系列专栏：vue3从入门到精通、TypeScript从入门到实践📢资料领取：前端进阶资料以及文中源码可以找我免费领取🔥前端学习交流：博主建立了一个前端交流群，汇

大家好，我卡颂。在React文档中，对于构建新的React应用，首推的方式是CRA（create-react-app）。CRA推出于2016年，彼时还没有成体系的React脚手架工具供大家使用，再加上这是官方工具，一经推出就受到了欢迎。截止当前，CRA仓库已经收获快10wstar。但是，随着时间的推

大家好，我是CUGGZ。2023年1月24日，Astro2.0正式发布。Astro是一个现代化的轻量级静态站点生成器，用于构建以内容为中心的高性能网站。2022年，Astro在Github上新增15K Star，位列2022年 JavaScript明星项目第7位。下面就来看看As

很多兄弟都在使用Vite了，但如果你是前端leader或者是团队核心的话，不得不可考虑的一个问题就是性能优化。Vite在开发环境性能已经非常不错了，今天我们主要聊聊生产环境的优化，其实方式和Webpack大同小异，只不过Vite构建时使用的是Rollup而已。学习Vite最好是抛开脚手架工具，单独使

一、前言vue3的快速更新，很多IT发展快的地区在22开始都已经提上日程，小编所在的青岛好像最近才有点风波。vue3的人才在青岛还是比较稀缺的哈，纯属小编自己的看法，可能小编是个井底之蛙！！vue2+webpack的时代要过去了，主要是启动时间太慢了。所以还是比较推荐使用Vite进行构建，vue3官

在日常开发中，当项目组件特别多或者刚接手一个项目时，可能需要花费一定时间去查找页面元素/组件对应的代码。下面就来分享几个插件，通过这些插件，点击页面元素就可以直接跳转到IDE中对应的代码，提高开发效率！VueDevtoolsVue官方调试工具VueDevtools是支持点击组件直接跳转到编辑器并打开

大家好，我是CUGGZ。在日常开发中，当项目组件特别多或者刚接手一个项目时，可能需要花费一定时间去查找页面元素/组件对应的代码。下面就来分享几个插件，通过这些插件，点击页面元素就可以直接跳转到IDE中对应的代码，提高开发效率！VueDevtoolsVue官方调试工具VueDevtools是支持点击组

随着Vue生态系统的成熟，已经引入了许多新技术。虽然一些开发人员可能从一个普通的JavaScript文件开始，并在页面中包含Vue。但随着时间的推移，在开发Vue应用程序时，使用打包工具和命令行界面成为更加标准的开发流程。Vue不会强制你选择某种开发、打包方式，但vue的生态系统提供了许多工具，例如

前言最近有幸在前端团队里面做了一次关于webpack的技术分享。在分享的准备过程中，为了能让大家更好的理解webpack，特意对市面上以前和现在流行的构建工具做了一个梳理总结。在整理和分享的过程中，获益匪浅，对前端构建工具有了新的认识。在这里，将自己的一些思考总结写出来，希望也能给到对构建工具同样感

小伙伴们知道TienChin项目前端用的是Vue3，当我们把Vue3官网刷了一遍之后回来看TienChin项目的前端，发现还是有很多不太一样的地方，今天松哥就来和大家捋一捋Vue3中几个好玩的插件和配置，学完之后，相信大家对TienChin项目前端的很多写法就明白了。1.Vite首先来给大家介绍一下

前言截止发文时间，vite正式版已经发布快2年时间了，vue3也发布到3.2版本了，它的周边设施基本上已经齐活了。也是时候再次重构下我那个vue3.0的开源项目了。本篇文章就记录下我的重构过程，欢迎各位感兴趣的开发者阅读本文。环境搭建1年多前，我用VueCli4.5构建的此项目，有关此项目的更多细节

前言有一段时间没更新文章了，最近在公司项目中对现有的测试框架从jest迁移到vitest(一个Monorepo类型的项目，里面测试大概有700组)。最后仅仅从性能上来看，还是取得了不错的成效，同样也很大程度上减少了因为臃肿的jest带来的很多配置心智负担。同时也发现其实现在社区中关于vitest的一

大家好，我是CUGGZ。7月13日，Vite3.0正式发布，它被称为下一代的前端工具链。Vite团队决定至少每年发布一个新的Vite主要版本，以与Node.js的EOL保持一致，并借此机会定期审查Vite的API，为生态系统中的项目提供较短的迁移路径。去年2月，Vite2正式发布。从那时起，它的使用

我们都知道，现在属于前端工程化时代，前端工程化对于我们前端开发来说，是非常重要的。 但是小庄觉得自己对于前端工程化 了解还 是不足的，还有很多需要学习的地方。故这一节，小庄打算就来带大家一起好好认识下前端工程化。包括在这一节中，小庄将 详细记录一下，&nbsp

Electron可以让程序员重用Web的代码，使用HTML、CSS、JavaScript来构建桌面应用，并在不同平台上使用。Electron官网上说：“比你想象的更简单”————“如果你可以建一个网站，你就可以建一个桌面应用程序。Electron是一个使用JavaScript,HTML和CSS等We

最近实现的简单、透明、组件化微前端方案总体感觉不错，也收到了很多人的反馈，很具有学习参考价值。但有不少朋友使用该方案打包配置出现了一些问题，做事应有始有终，挖的坑总得完善一下。今天分享一下Vite针对微应用方案插件开发历程。通过文章你可以学到：问题点总结下来，在Vite中使用该微前端方案会遇到如下问

现在Vite的生态逐渐完善，今天给大家介绍一款React的组件/应用文档编写神器：vite-plugin-react-pages目前主流搭建文档站点的方式：Gatsby-以GraphQL为核心，功能相当完善，插件生态丰富。但学习曲线高(React)Docusaurus-Meta公司出品。功能强大，与