跳转到主要内容
create 会根据所选模板生成文件、配置和起步脚本,并可选地安装依赖。

什么时候使用 create

  • 从零开始一个新扩展。
  • 快速搭出多个概念验证(PoC)。
  • 用统一的模板默认值为团队成员标准化上手流程。

create 命令的能力

能力你得到什么
模板脚手架用官方模板和准备好的项目结构起步
安装依赖可选地在生成后安装必要的依赖
路径灵活支持按项目名或显式文件夹路径来创建
快速上手从空目录到可运行的扩展,速度很快

用法

npx extension@latest create <extension-name|extension-path> [options]

参数与 flag

flag别名作用默认值
[path or name]-要创建的项目文件夹 / 名称。必填
--template <name>-t设置模板 slug。javascript
--install [boolean]-在生成后安装依赖。false
当你想用默认的 JavaScript 起步模板时,完全省略 --template。只有在想用 官方示例 中其他技术栈时才加上 --template=<slug> slug init 是同一个默认起步模板的别名。只有当 examples 仓库里确实存在名为 default 的文件夹时,才使用字面量 slug default

共享的全局选项

也支持 全局 flag

示例命令

npx extension@latest create my-extension --template=new-react
npx extension@latest create my-extension --install

可用模板

完整且持续更新的模板列表,请浏览 examples 仓库

JavaScript(默认)

最小起步模板。想要干净基线时使用。

TypeScript

带预配置 tsconfig.json 的类型化起步模板。

React

为 content script 与 popup 视图接好线的 React UI。

Vue

内置单文件组件(SFC)支持的 Vue UI。

最佳实践

  • 选择与你的 UI / 运行时需求匹配的模板起步,减少前期设置漂移。
  • 第一次跑得尽量小,等基础命令流验证完再加额外的工具。