本文项目托管在design-pattern-in-action 随着浏览器对安全策略的逐步收紧，启用本地 HTTPS 开发环境已成为前端开发的新常态。不论你是在开发 PWA、调用 Web API、集成通知权限，还是调试跨域接口，HTTPS 都是不可或缺的基本条件。 这篇文章将围绕以下四个核心点，手把手带你配置本地 HTTPS 开发环境： [@vitejs/plugin-basic...

背景介绍 在中大型前端项目中，模块拆分和团队协作开发是常态。传统的微前端方案如 Qiankun、Module Federation 更偏向于 SPA 应用，难以兼容服务端渲染（SSR）场景。 Nuxt.js 本身支持模块化架构，可以将功能封装为独立的 Nuxt 模块（Module），具备以下特点： 支持 SSR，适合内容站、管理后台、运营平台等应用- 可复用性强，支持多个项目共享...

场景说明 你想在一个主仓库中引用另一个 Git 仓库（如组件库、工具库）；- 保持两个仓库的独立性，但又能在主项目中集成使用；- 子模块中的代码不会直接包含在主仓库的 Git 记录中，只记录引用的 commit。 子模块初始化 克隆项目时自动拉取子模块： git clone --recurse-submodules <repo-url> 如果已经克...

什么是 Corepack？ Corepack 是 Node.js 从 v16.9.0 起引入的实验性功能，从 v16.10.0 起默认随 Node.js 安装（在 v18+ 中为稳定特性）。它是一个桥接工具，用来自动下载并管理 Node.js 包管理器（如 Yarn、pnpm），无需手动全局安装它们。 📌 目的：确保跨项目、跨团队使用一致的包管理器版本。 启用 Corepack 在某...

Linux 权限的数字表示法 在 Linux 里，每个文件和目录都有权限设置，控制谁能对它做什么。权限分三档：读、写、执行，用数字来编码之后，配置起来非常直观。 三种基本权限对应的数字 读（read）— 数字 4，可以查看文件内容，对目录来说就是能 ls 列出文件 写（write）— 数字 2，可以修改文件内容，对目录来说就是能在里面创建、删除文件 执行（execute）...