跳到内容
+

安装

设置 Toolpad Studio 以在您自己的机器上运行。

创建一个 Toolpad Studio 应用

首先打开终端,然后 cd 进入您想要创建应用程序的文件夹。然后运行命令

npx create-toolpad-app@latest --studio my-toolpad-app

这将运行 create-toolpad-app CLI,它使用 Toolpad Studio 应用程序初始化目录 ./my-toolpad-app

运行 Toolpad Studio 编辑器

将当前工作目录更改为应用程序文件夹

cd my-toolpad-app

然后启动开发模式

npm run dev

这将在端口 3000 或之后第一个可用的端口上启动开发服务器,并打开浏览器进入 Toolpad Studio 编辑器。

在现有项目中安装 Toolpad Studio

首先安装所需的依赖项

npm install @toolpad/studio

然后您必须将 Toolpad Studio 脚本添加到您的 package.json

// ./package.json
...
  "scripts": {
    "toolpad-studio:dev": "toolpad-studio dev ./my-toolpad-app",
    "toolpad-studio:build": "toolpad-studio build ./my-toolpad-app",
    "toolpad-studio:start": "toolpad-studio start ./my-toolpad-app"
  }
...

现在您可以使用以下命令之一启动您的 Toolpad Studio 应用程序

npm run toolpad-studio:dev

当您运行此命令时,Toolpad Studio 将在 ./my-toolpad-app 文件夹中自动初始化一个新应用程序。