前言 随着前端基建的不断发展，涌现出了很多前端工具链，例如Webpack、Rollup、Eslint。 再或者，一些日常应用工具，例如： utools、PicGo等等。我们可以发现他们都有个共同点：都

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

脚手架是我们经常用到的可以提效的工具，经常用在一些代码重复性高的项目中，开发者通过输入命令行、回答问题，就能快速生成一套代码，来避免手动编写。本文我们就来了解脚手架的构建流程和必备工具。

package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。

有时候能一行代码解决，就尽量不用多行；本文整理了工作非常有用的单行代码，这些需求都是在开发中非常常见的，用单行代码帮助你提高工作效率。

package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动帮我们自动初始化好 package.json。

先说明一下，此键盘侠可非彼键盘侠（免的挨揍）。那这个键盘侠是什么呢？这个键盘侠是指我们可以用键盘来完成我们日常的开发任务。不用鼠标哦，是不是很酷。当然这需要我们记住大量的快捷键，还需要借助插件来帮助我们，这一刻意练习的过程，我称它为键盘侠养成记。 这次我想换个方式来讲解，我知道…

对于浏览器缓存，每个前端开发者应该都不会陌生，同时它也是我们在日常开发中存在的一个非常重要的优化手段，无论在节省带宽、提高加载和渲染速度、减少网络阻塞，以及提高用户体验上，都发挥着很重要的作用。 浏览

面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！