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

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

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

使用Onlook进行可视化编辑时有哪些核心操作功能？

2025-09-10

1.9 K

Onlook提供全功能的可视化编辑体验，主要包含：

1. 界面导航

层面板：浏览/隐藏项目层级结构
元素选择器：精准定位DOM节点

2. 样式编辑

实时调整CSS属性（颜色/字体/间距等）
可视化配置TailwindCSS工具类
布局网格和参考线辅助

3. 组件操作

拖拽调整组件位置
复制/粘贴组件树
多选批量修改属性

4. 代码交互

右键菜单查看代码定位
版本对比查看变更差异
一键生成GitHub PR

所有操作都支持undo/redo，且修改会即时反映在运行的React应用中。

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

関連記事

無断転載を禁じます：AI生産性ツール " 使用Onlook进行可视化编辑时有哪些核心操作功能？

おすすめ

日本語