Marketch 安装和配置指南

Marketch 安装和配置指南

marketch Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it. 项目地址: https://gitcode.com/gh_mirrors/ma/marketch

1. 项目基础介绍和主要编程语言

项目基础介绍

Marketch 是一个 Sketch 3 插件，用于自动生成 HTML 页面，用户可以在该页面上测量和获取 CSS 样式。这个插件非常适合设计师和前端开发者，因为它能够帮助他们快速获取设计稿中的元素尺寸和样式信息。

主要编程语言

Marketch 主要使用 JavaScript 编写。

2. 项目使用的关键技术和框架

Marketch 使用的主要技术和框架包括：

• Sketch API: 用于与 Sketch 软件进行交互。
• HTML/CSS: 用于生成和展示测量结果的页面。

3. 项目安装和配置的准备工作和详细安装步骤

准备工作

1. 安装 Sketch: 确保你已经安装了 Sketch 软件（版本 3 及以上）。
2. 下载插件: 从 GitHub 仓库下载 Marketch 插件的最新版本。

详细安装步骤

步骤 1: 下载 Marketch 插件

1. 打开浏览器，访问 Marketch 的 GitHub 仓库：https://github.com/tudou527/marketch。
2. 在页面右侧找到“Releases”部分，点击进入。
3. 下载最新版本的 marketch.sketchplugin.zip 文件。

步骤 2: 解压并安装插件

1. 找到你下载的 marketch.sketchplugin.zip 文件，右键点击并选择“解压”。
2. 解压后会得到一个名为 marketch.sketchplugin 的文件夹。
3. 双击 marketch.sketchplugin 文件夹，Sketch 会自动安装该插件。

步骤 3: 验证安装

1. 打开 Sketch 软件。
2. 在顶部菜单栏中，点击“Plugins”。
3. 如果你看到“Marketch”选项，说明插件安装成功。

步骤 4: 使用 Marketch

1. 在 Sketch 中打开一个包含 Artboard 的文件。
2. 选择你想要测量的页面和 Artboard。
3. 点击顶部菜单栏中的“Plugins” -> “Marketch”。
4. 在右侧的页面中，你可以选择元素来查看其位置和 CSS 样式。

注意事项

• 确保你的 Sketch 版本是 3 及以上，否则插件可能无法正常工作。
• 如果你遇到任何问题，可以查看 GitHub 仓库中的 Issues 部分，或者提交新的 Issue。

通过以上步骤，你应该能够成功安装并使用 Marketch 插件。祝你使用愉快！

marketch Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it. 项目地址: https://gitcode.com/gh_mirrors/ma/marketch