pad.ws：把白板与代码编辑器合二为一的创新工具，打造无缝开发体验

pad.ws：把白板与代码编辑器合二为一的创新工具，打造无缝开发体验

在当今快速发展的软件开发领域，开发者对于工具的需求日益多样化，尤其是在协作和创意设计方面。随着云端开发和虚拟化技术的不断进步，开发者往往需要在不同的工具和平台之间来回切换。你可能在构思系统架构图时使用白板工具，接着又切换到 VS Code 或 Cursor 编辑器进行编程，或者通过 Docker 来部署容器化开发环境。传统的工作流程和工具常常会打断开发者的思维和效率。为了打破这些限制，pad.ws 应运而生，它通过将 白板 与 IDE（集成开发环境）无缝结合，为开发者带来了全新的工作方式。在一个浏览器标签页中，你既可以绘制图形、设计架构，又能直接编写代码、管理容器，实现了 Docker、VS Code、Cursor、IDE 等工具的无缝集成，极大提高了开发效率和协作体验。

正文

什么是 pad.ws？

pad.ws 是一款创新的开发工具，它结合了 Excalidraw 的交互式白板和 Coder 提供的云端开发环境，允许开发者在同一个界面中进行图形设计与编程。无论你是在构思一个系统架构图，还是在写代码，pad.ws 都能让你在视觉化构思和编程之间实现无缝切换。

在这里插入图片描述

pad.ws 的特点

• 🎨 交互式白板：借助 Excalidraw，你可以轻松地绘制图表、草图以及其他视觉化元素，从而更好地表达你的创意。
• 💻 功能完备的 IDE：直接在白板中访问终端和 VS Code 编辑器，进行云端开发，无需切换应用程序。
• ☁️ 浏览器友好：支持任何设备，只要有浏览器，就可以随时随地访问开发环境。
• 🔄 无缝工作流：在绘制图表和编写代码之间轻松切换，极大提高工作效率。
• 🛠️ 支持第三方工具：可以使用 VS Code、Cursor 等桌面客户端访问你的虚拟机（VM）进行开发。

功能亮点

1. 交互式白板（Excalidraw）

Excalidraw 是一个非常受欢迎的开源白板工具，它提供了简单、直观的图形绘制功能。pad.ws 使用 Excalidraw 作为其白板界面，允许开发者在同一个窗口中绘制流程图、架构图、草图等，并能实时保存与修改。白板不仅仅是一个画图工具，它还是开发过程中灵感与讨论的载体。

2. 集成的云端开发环境（Coder）

通过集成 Coder，pad.ws 提供了一个完整的云端开发环境，开发者可以在浏览器中直接进行编码。Coder 支持 VS Code 等常见 IDE，使得开发者无需在本地安装和配置开发环境。你可以直接在浏览器中访问终端，运行脚本，调试代码，进行版本控制等操作。

3. 自定义开发工具

pad.ws 还支持开发者使用自己熟悉的工具进行开发，例如通过桌面客户端（如 VS Code 或 Cursor）访问虚拟机（VM）。这种灵活性使得开发者能够更好地根据自己的需求和工作习惯选择工具，提升开发效率。

4. 无缝切换：设计与编码的结合

在传统的开发过程中，设计和编码往往是两个独立的过程。设计师和开发者通常需要使用不同的工具进行各自的工作，并在完成后将设计转化为代码。而 pad.ws 则提供了一种新方式，它让开发者可以在同一个环境中完成从设计到编码的全过程。你可以一边画图，一边编码，边做设计边编程，完全避免了工具切换的麻烦。

如何使用 pad.ws？

1. 在线体验

对于初学者或者想快速体验的开发者，可以直接访问 pad.ws 进行在线体验。平台提供了免费的 Ubuntu 开发环境，无需任何配置，用户可以直接开始工作。

2. 自托管

对于希望自己搭建服务器的开发者，pad.ws 提供了自托管功能。通过 Docker 和 Docker Compose，你可以在自己的本地环境中部署 pad.ws。以下是自托管的步骤概览：

必备条件

• Linux 主机（已在 Ubuntu 上测试）
• Docker 和 Docker Compose：确保已安装 Docker 和 Docker Compose。可以参考官方文档进行安装。

设置过程

配置 .env 文件 复制并查看默认的环境变量：

cp .env.template .env

配置 PostgreSQL 运行 PostgreSQL 容器以确保数据持久性：

docker compose up -d postgres

配置 Keycloak 通过 Keycloak 提供 OIDC 身份验证功能：

docker compose up -d keycloak

配置 Coder 配置 Coder 容器以启动开发环境：

docker compose up -d coder

启动 Pad 应用 完成所有环境变量配置后，启动 pad 应用容器：

docker compose up -d pad

完成上述步骤后，你就可以在 localhost:8000 上访问你的自托管实例，享受白板与开发环境的结合带来的便利。

为什么选择 pad.ws？

在如今快速发展的软件开发行业，开发者需要高效的工具来帮助他们更好地完成任务。pad.ws 提供了一种全新的工作方式，结合了设计与编码的需求，让开发者能够更加专注于思考和创新。无论是团队协作，还是个人项目，pad.ws 都能够提供极大的帮助。

• 提升工作效率：减少工具切换，让设计和编码可以在一个环境中无缝进行。
• 增强协作性：支持多种云端开发环境，方便团队成员之间的合作与共享。
• 可定制化：可以根据自己的需求定制开发环境和工具，提升个性化体验。

结语

pad.ws 是一个极具创新的开发工具，它为开发者提供了一个全新的工作方式，将设计与编码融为一体。无论是开发新产品，还是进行团队协作，pad.ws 都能显著提高效率。如果你正在寻找一种更加高效、直观的开发工具，pad.ws 无疑是一个值得尝试的选择。

访问 pad.ws 体验或者参考 GitHub 页面 获取更多信息。