下面是从零开始使用 Jonghakseo/chrome-extension-boilerplate-react-vite 这个项目模板来开发浏览器插件的详细步骤。这个模板提供了一个基于 React, TypeScript 和 Vite 的现代化开发环境。
前提条件:
- Node.js 和 npm/yarn/pnpm: 确保你的系统安装了 Node.js (推荐 LTS 版本) 和对应的包管理器。
- Git: 你需要 Git 来克隆模板仓库。
- 代码编辑器: 如 VS Code。
- 目标浏览器: Google Chrome 或 Microsoft Edge (或其他支持 Manifest V3 的 Chromium 浏览器)。
- 基础 Web 开发知识: 了解 HTML, CSS, JavaScript, React 和 TypeScript。
步骤 1: 获取模板并安装依赖
-
克隆仓库: 打开你的终端,使用 Git 克隆该模板仓库。
git clone https://github.com/Jonghakseo/chrome-extension-