> ## Documentation Index
> Fetch the complete documentation index at: https://extension.js.org/llms.txt
> Use this file to discover all available pages before exploring further.

# JavaScript 浏览器扩展模板

> 用 Extension.js CLI 脚手架生成一个原生 JavaScript 浏览器扩展，开箱即用包含 manifest、popup 与 content script 接线。

<img src="https://mintcdn.com/extensionjs/VCnDd7fX2Nza24SE/images/examples/javascript/screenshot.png?fit=max&auto=format&n=VCnDd7fX2Nza24SE&q=85&s=380c808309116e595747eb6997ed09d8" alt="JavaScript template preview" className="w-full rounded-xl border border-black/10 dark:border-white/10" width="2400" height="1800" data-path="images/examples/javascript/screenshot.png" />

## 创建项目

<CodeGroup>
  ```bash npm theme={null}
  npx extension@latest create my-extension --template=javascript
  ```

  ```bash pnpm theme={null}
  pnpx extension@latest create my-extension --template=javascript
  ```

  ```bash yarn theme={null}
  yarn dlx extension@latest create my-extension --template=javascript
  ```

  ```bash bun theme={null}
  bunx extension@latest create my-extension --template=javascript
  ```

  ```bash bun theme={null}
  bunx extension@latest create my-extension --template=javascript
  ```
</CodeGroup>

## 你将得到什么

一份干净的 ES 模块基线，没有编译步骤。模板接好了 `manifest.json`、popup 与 content script 入口，让你可以直接运行 `extension dev` 并立即开始迭代。

当你想要尽量小的初始设置，或者计划在需要时再逐步引入工具链时，选择这个模板。

## 源代码

在 GitHub 上浏览完整源码：[extension-js/examples/javascript](https://github.com/extension-js/examples/tree/main/examples/javascript)。