背景 在现代前端开发中，脚手架工具（CLI）在团队项目中扮演着重要角色。我们的团队在项目开发中面临以下挑战： 开发效率低：项目初始化、代码生成和重复性操作耗费了大量时间。 缺乏统一规范：不同成员的代码

本篇文章主要讲解如何配置 Vite 如官网所说，Vite 是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成： 一个开发服务器和一套构建指令

在快速迭代、持续创新的前端开发领域，项目脚手架作为项目启动的基石，其重要性愈发凸显。然而传统的做法，如借助vue-cli、create-react-app（cra）等工具快速生成基础模板后，仍然需要根

从前我总觉得脚手架是个很高大上的东西，好像得牛叉🐂一点的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难（这是个好词好句🙈）。只要你肯花个一天半天的时间✊，也能写出属于你自己的脚手架。 早前脚手架这个词是从 vue-cli 这里认识的，我们通…

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法

前端本地化存储算是一个老生常谈的话题了，我们对于 cookies、Web Storage（sessionStorage、localStorage）的使用已经非常熟悉，在面试与实际操作之中也会经常

前面项目基本功能已经实现完了，这一篇集成一下sentry监控平台，监控一下前后端异常，可以帮助我们快速定位线上bug。

HMR，即热模块替换（Hot Module Replacement），用于实现在运行时动态地替换、添加或删除模块。从而实现实时更新应用程序的部分内容，而无需刷新整个页面或重新加载整个应用。