> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tenderly.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Virtual Environment 集成指南

> 了解如何将 Virtual Environments 与不同的客户端库、智能合约开发框架和 UI 库集成。

Virtual Environments 支持最流行的客户端库、智能合约框架和 UI 库。在本页面，您可以找到包含简单代码片段的指南链接，帮助您快速将 Virtual Environment 与第三方库集成。

## 客户端库

客户端库使您的 dapp 能够通过 RPC 连接到您的 Virtual Environment 并与之交互。

<CardGroup cols={2}>
  <Card title="Ethers.js" href="/virtual-environments/libraries/ethers">
    用于与 Ethereum 区块链及其生态系统交互的 TypeScript 和 JavaScript 库。
  </Card>

  <Card title="Viem" href="/virtual-environments/libraries/viem">
    提供低级无状态原语以与 Ethereum 交互的 TypeScript 接口。
  </Card>
</CardGroup>

## 智能合约框架

使用 Foundry 或 Hardhat 部署合约的内容记录在[部署和验证合约](/virtual-environments/develop/deploy-contracts)中，涵盖了两个框架的配置、部署和自动验证。

## Dapp UI 库

Dapp UI 库提供预构建的组件，用于构建与区块链通信的 dapp 界面。下面您可以找到流行的 UI 库通过 RPC 连接到您 Virtual Environment 的代码片段。

<CardGroup cols={3}>
  <Card title="Wagmi" href="/virtual-environments/dapp-ui/wagmi">
    用于构建带有钱包连接模块的 Ethereum 应用的 React hooks 库。
  </Card>

  <Card title="WalletConnect" href="/virtual-environments/dapp-ui/reown">
    用于构建安全、交互式 dapp 的工具、模块和 SDK。
  </Card>

  <Card title="ConnectKit" href="/virtual-environments/dapp-ui/connectkit">
    用于将钱包连接到 dapp 的 React.js 组件库。
  </Card>

  <Card title="Dynamic" href="/virtual-environments/dapp-ui/dynamic">
    面向加密用户的登录流程、引导和开发者工具。
  </Card>

  <Card title="RainbowKit" href="/virtual-environments/dapp-ui/rainbowkit">
    用于向 dapp 添加钱包连接的 React 库。
  </Card>
</CardGroup>