如何安装和使用sketch的git插件

sketch的git插件可以实现对设计文件的版本控制。

1.安装sketch

相信你已经装好了:)

2.安装sketchtools

应用程序 -> Sketch -> 右键 -> 显示包内容


如何安装和使用sketch的git插件_第1张图片
Paste_Image.png

通过Content -> Resources -> sketch tool 找到install.sh


如何安装和使用sketch的git插件_第2张图片
Paste_Image.png

启动terminal(终端),输入"sudo su -"切换到root用户,将之前找到的install.sh拖到终端,回车执行

如何安装和使用sketch的git插件_第3张图片
Paste_Image.png
3.下载Git并安装

下载地址:http://git-scm.com/download/mac
双击运行安装

4.安装git-sketch-plugin

从github下载https://github.com/mathieudutour/git-sketch-plugin 解压后,双击执行Git.sketchplugin

如何安装和使用sketch的git插件_第4张图片
Paste_Image.png

安装成功后会提示

如何安装和使用sketch的git插件_第5张图片
Paste_Image.png
5.登录gitlab并添加公钥

公司的gitlab地址为:http://gitlab.aihaisi.com 拿到帐号密码后可直接登录。
如果你不熟悉gitlab,不知道怎么添加公钥,或者怎么生成公钥,请参考下面这篇文章。
http://git.devzeng.com/blog/simple-usage-of-gitlab.html

6.克隆sketch的git仓库到本地

$ git clone [email protected]:sketch/sketch.git

7.提交文件到服务器

将设计文件保存到git仓库目录下,截图中我的仓库目录是Document -> sketch

如何安装和使用sketch的git插件_第6张图片
Paste_Image.png

添加文件到版本库,菜单栏 -> Plugins -> Git -> add file to git,完成后下方会有提示。

如何安装和使用sketch的git插件_第7张图片
add file.png

提交更改到本地版本库,菜单栏 -> Plugins -> Git -> commit,完成后下方会有提示。

如何安装和使用sketch的git插件_第8张图片
Paste_Image.png

注意:有些同学可能会提示需要安装xcode command line tools之类的,按提示安装就好

push更改到远程仓库(服务器)

如何安装和使用sketch的git插件_第9张图片
push.png

注意:push时可能提示git仓库缺少某些配置,根据提示在git仓库目录执行相应命令即可

你可能感兴趣的:(如何安装和使用sketch的git插件)