目錄
-
入門
-
高級
在磁盤上邪码,插件只是以特定布局排列的文件夾懦傍。
它包含一個或多個腳本只锭。每個腳本定義一個或多個以某種方式擴展Sketch的命令。它還可以包含命令用于執(zhí)行任何操作的任何其他可選資源(如圖像)洒嗤。
插件腳本使用JavaScript編寫箫荡。
術(shù)語
在我們進一步討論之前,讓我們定義一些術(shù)語渔隶。
- 插件:一組腳本羔挡,命令和其他資源組合在一起作為一個獨立單元
- Plugin Bundle:磁盤上的文件夾,其中包含組成插件的文件
- 行動:用戶所做的事情(選擇菜單或更改文檔)觸發(fā)命令
- 命令:一個插件可以定義多個命令; 通常每一個都與不同的菜單或鍵盤快捷鍵相關(guān)聯(lián),并導(dǎo)致執(zhí)行不同的處理程序绞灼。
- Handler:執(zhí)行一些代碼來實現(xiàn)Command的函數(shù)利术。
- 腳本:包含一個或多個實現(xiàn)處理程序的命令的一個或多個JavaScript文件。
我如何制作插件低矮?
到現(xiàn)在為止氯哮,你可能想知道如何開始寫你自己的。
開始使用插件最簡單的方法是打開Sketch商佛,打開文檔并control + shift + k
打開Run Script
面板。你不需要安裝任何東西; 你可以打開它并在那里實驗姆打。如果您想使用真實的開發(fā)環(huán)境(您需要為了分發(fā)插件)良姆,請查看開發(fā)環(huán)境頁面。
最小的插件示例如下所示:
export default function(context) {
context.document.showMessage('Hello, world!')
}
它在Sketch文檔底部呈現(xiàn)一個敬酒說“Hello幔戏,world玛追!”。
接下來的幾個指南將逐漸向您介紹插件的內(nèi)部工作闲延。我們將檢查插件的構(gòu)建塊:清單和腳本痊剖。一旦你掌握了它們,你可以創(chuàng)建復(fù)雜的插件垒玲!
關(guān)于JavaScript的說明
Sketch插件是用JavaScript編寫的陆馁,所以我們假設(shè)您對JavaScript語言有基本的了解。如果您覺得不太自信合愈,我們建議您刷新JavaScript知識叮贩,以便更輕松地進行跟蹤。
我們還在示例中使用了一些ES6語法佛析。我們盡量少用益老,因為它還是比較新的,但我們鼓勵您熟悉箭頭函數(shù)寸莫,let和const語句捺萌。
該腳本不在瀏覽器或節(jié)點環(huán)境中運行,而是在每個本機MacOS和Sketch API都暴露的特殊環(huán)境中運行膘茎。這是一個先進的桃纯,但有必要真正理解如何建立更先進的東西。