海外からのアクセス：www.kdjingpai.com

Ctrl + D このサイトをブックマークする

現在の場所図頭 " AIアンサー

如何在现有React项目中安装和配置Onlook？

2025-09-10

1.9 K

配置Onlook需要三个关键步骤：

1.環境準備

通过GitHub获取工具源码（git clone或下载ZIP）
确保Node.js环境（推荐最新稳定版）
安装依赖项（npm install）

2. 项目集成

对于Next.js项目:

在next.config.mjs中添加swcPlugins配置
指定projectRoot参数指向项目根目录

3. 运行配置

启动Onlook开发服务器（npm run dev）
确保目标React项目同时运行（npm start）
通过浏览器访问Onlook界面即可开始设计

注意：不同框架可能需查阅官方文档获取具体配置方式，版本兼容性需要特别注意。

この答えは記事から得たものである。Onlook: フロントエンド設計のためのオープンソースCursor、Reactアプリケーションの設計とコードの公開について

関連記事

無断転載を禁じます：AI生産性ツール " 如何在现有React项目中安装和配置Onlook？

おすすめ

日本語