Ant Design 组件渲染至 Sketch：项目下载与安装教程

1. 项目介绍

Ant Design 是一个服务于企业级产品的设计体系，致力于提升用户产品和设计效率。antd-sketchapp 是基于 react-sketchapp 实现的 Ant Design 组件渲染至 Sketch 的解决方案。它允许设计师在 Sketch 中直接使用 Ant Design 的组件，提高设计效率并保证设计的一致性。

2. 项目下载位置

antd-sketchapp 项目托管在 GitHub 上，你可以通过以下地址找到项目：

GitHub - ant-design/antd-sketchapp

3. 项目安装环境配置

在开始安装之前，请确保你的系统中已经安装了 Node.js。以下为环境配置的步骤及示例：

安装 Node.js

首先，你需要从 Node.js 官方网站下载并安装 Node.js。

验证 Node.js 安装

安装完成后，打开命令行工具并输入以下命令以验证安装：

node -v
npm -v

如果看到版本号输出，则表示 Node.js 已成功安装。

4. 项目安装方式

以下是安装 antd-sketchapp 的步骤：

1. 克隆项目到本地：

git clone [e-mail]:ant-design/antd-sketchapp.git

2. 进入项目目录：

cd antd-sketchapp

3. 安装项目依赖：

npm install

4. 运行监视脚本，以监视文件变化并构建 Sketch 插件：

npm run watch

5. 运行链接脚本，将插件链接到 Sketch：

npm run link

5. 项目处理脚本

项目中的处理脚本主要包括：

• npm run watch：监视本地文件变化，并实时构建 Sketch 插件。
• npm run build：构建项目，生成 Sketch 插件。
• npm run link：将构建好的插件链接到 Sketch，使其可以在 Sketch 中使用。

完成以上步骤后，打开 Sketch，你将在 Plugins 菜单中找到 antd-sketchapp 相关命令，即可开始使用 Ant Design 组件进行设计。