在现代的前端开发工程体系中，CI/CD 在里面扮演着重要的角色，它的出现改变了前端发布的方式，为构建大型应用提供了有利的基础设施，本片文章将分别从CI/CD产生的背景及意义，以及其运作方式和常用的工具来简单探讨一下，希望可以给你带来帮助。在前端开发中使用CI/CD，就像是给自己找了一个得力助手。它帮你自动完成很多繁琐的工作，让你可以专注于创造性的任务。通过自动化的构建、测试和部署，你和你的团队可以更快地交付高质量的产品，同时还能降低出错的风险。

在现代前端开发中，工程化手段和工具的应用尤为重要。这些工具和技术不仅提高了开发效率，还保证了代码质量。在本文中，我们将探讨前端研发链路中的开发部分，这里的开发不是教你如何写代码，主要是工程体系上的开发概念，介绍开发服务器（dev-server）、热更新（hot-reload）、数据模拟（mock）和代理（proxy）等关键技术。这些技术大家日常都会用到，但是很多人并不理解其基本原理，这里和大家简单分析分析。

你是不是经常听到周围的同事在讨论单元测试、E2E测试啥的，但又觉得一头雾水？别担心，这篇文章就是为你准备的！我们将一起探讨前端测试的世界，搞清楚它是什么、为什么要做、以及怎么做。相信读完这篇文章，你会对前端测试有个全新的认识！简单来说，前端测试就是确保我们写的代码能够正常工作的一系列检查手段。想象一下，你刚写完一个超酷的功能，兴高采烈地准备上线，结果发现在用户那边完全跑不起来，那岂不是尴尬到爆？所以，我们需要在开发过程中不断进行测试，及时发现并修复问题。好啦，我们的前端测试之旅就到这里了。

我们每天都在说构建构建，你真的了解前端构建吗？在现代前端开发中，构建过程扮演着至关重要的角色。随着 Web 应用变得越来越复杂，直接编写原生 HTML、CSS 和 JavaScript 已经不能满足开发需求，我们需要工程化的体系去构建前端应用。构建过程通过自动化工具链，将开发者的源代码转换为高效、兼容性好的生产代码。接下来，我们就一起来聊一下构建过程中的三大主力：构建器、JavaScript 编译器和 CSS 编译器。看看它们都是什么来头，能耐如何，适合在哪些场合大显身手，以及他们是如何合作的。

在前端开发过程中，保持代码的整洁和一致性是至关重要的。这不仅有助于团队协作，提高代码的可读性和可维护性，还能减少错误，提升开发效率。本文将从业界流行规范，CSS命名规范，工具三个方面简析一下前端开发中的代码规范，然后探讨一下未来代码规范的发展趋势。代码规范是一个老生常谈的问题，每个团队都有自己团队的风格，也可能定制出不一样的编码规则，但是基本上业界的标准是通用的，只是在团队的实施过程中会有少许差异。代码规范其目的不是为了束缚某个人，而是抹平整个团队代码风格的差异。

最近在做一个electron生态相关的项目，由于要做一些项目初始化的功能，所以就写了一个脚手架来做这件事情，然后详细了解和实践了一番脚手架相关的功能，最后成功做出来我想要的脚手架，在这里把相关的经验分享出来。我们先来看下vite的官网。我们要实现的目标也是这样，直接快速搭建一个electron的项目。

在现代前端开发中，包管理工具是不可或缺的一部分。随着前端研发链路的不断演进，项目变得愈发复杂，对高效管理依赖项的需求也日益增加。包管理工具的出现，极大地简化了对外部库、框架和依赖项的管理和安装过程，使开发者能够专注于核心业务逻辑的实现。本文将探讨当前前端开发中最常用的三种包管理工具：Npm、Yarn 和 Pnpm。通过分析它们的背景、优缺点和使用场景，帮助开发者在前端研发链路中选择最适合自己项目的包管理工具，以提升开发效率和项目的稳定性。

大家好，我是徐徐。今天我们来聊聊前端研发链路中的脚手架。