Automate-Sketch 项目教程
1. 项目的目录结构及介绍
Automate-Sketch 项目的目录结构如下:
Automate-Sketch/
├── README.md
├── automate-sketch.sketchplugin
│ ├── Contents
│ │ ├── Resources
│ │ │ └── ...
│ │ └── Sketch
│ │ └── manifest.json
│ │ └── ...
│ └── ...
└── ...
README.md
: 项目说明文件,包含项目的基本信息和使用方法。automate-sketch.sketchplugin
: 插件的主要文件夹,包含插件的所有内容。Contents
: 插件内容文件夹。Resources
: 资源文件夹,包含插件所需的资源文件。Sketch
: 核心文件夹,包含插件的逻辑代码和配置文件。manifest.json
: 插件的配置文件,定义插件的基本信息和功能。
2. 项目的启动文件介绍
Automate-Sketch 项目的启动文件是 automate-sketch.sketchplugin
文件夹。当你双击这个文件夹时,Sketch 会自动识别并加载插件。
3. 项目的配置文件介绍
Automate-Sketch 项目的配置文件是 manifest.json
,位于 automate-sketch.sketchplugin/Contents/Sketch/
目录下。这个文件定义了插件的基本信息和功能,包括:
name
: 插件的名称。identifier
: 插件的唯一标识符。version
: 插件的版本号。description
: 插件的描述信息。author
: 插件的作者信息。commands
: 插件提供的命令列表,每个命令包含名称、标识符和脚本路径等信息。menu
: 插件在 Sketch 菜单中的显示结构。
示例 manifest.json
内容:
{
"name": "Automate Sketch",
"identifier": "com.example.automate-sketch",
"version": "1.0",
"description": "Make your workflow more efficient.",
"author": "Ashung",
"commands": [
{
"name": "Command Name",
"identifier": "command.identifier",
"script": "path/to/script.js"
}
],
"menu": {
"title": "Automate Sketch",
"items": [
"command.identifier"
]
}
}
通过这个配置文件,你可以了解插件的基本信息和提供的功能。