webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。
为什么 Vite 速度比 Webpack 快？
Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。
Vite
Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。
对前端工程化的理解
工程化是一种思想，而不是某种技术。其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间等
使用 eslint + prettier + husky 打造规范化项目
无论项目是个人开发还是多人开发，都应该有一个规范的代码格式。统一规范的代码风格在前端工程化中也是必不可少的一部分，项目初期如果没有定义好的代码规范，后期维护起来会非常难受，而 Husky 可以在项目中通过管理Git Hooks帮助我们检查代码规范。
Git Hooks 简介
Git Hooks 是那些在Git执行特定事件（如commit、push、receive等）后触发运行的脚本
Node.js 模块查找规则
Node.js 模块查找规则
vue-devtools 安装教程
vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。
tsconfig.json 文件
tsconfig.json 是 TypeScript 项目的配置文件。tsconfig.json 包含 TypeScript 编译的相关配置，通过更改编译配置项，我们可以让 TypeScript 编译出 ES6、ES5、node 的代码。
scss 快速入门
CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题。