AEM Brackets擴充功能提供流暢的工作流程,讓您輕鬆編輯AEM元件和使用者端程式庫,並運用 括弧 程式碼編輯器,可讓您從程式碼編輯器存取Photoshop檔案和圖層。 擴充功能提供的輕鬆同步處理(不需要Maven或File Vault)可提高開發人員效率,也有助於具備AEM有限知識的前端開發人員參與專案。 此擴充功能也提供以下專案的一些支援: HTML範本語言(HTL),可降低JSP的複雜性,讓元件開發更容易、更安全。
AEM Brackets擴充功能的主要功能包括:
data-sly-*
區塊陳述式。此外,Brackets還為AEM前端開發人員提供許多有用的功能:
AEM Brackets擴充功能支援Brackets 1.0版或更新版本。
從下載最新的Brackets版本 brackets.io.
若要安裝擴充功能,請依照下列步驟進行:
開啟括弧。 在功能表中 檔案,選取 Extension Manager…
輸入 AEM 在搜尋列中尋找 AEM Brackets擴充功能.
按一下 安裝.
關閉對話方塊,並在安裝完成後進行Extension Manager。
安裝擴充功能後,您可以從帶有Brackets的檔案系統開啟content-package資料夾,以開始開發AEM元件。
專案必須至少包含:
a jcr_root
資料夾(例如 myproject/jcr_root
)
a filter.xml
檔案(例如: myproject/META-INF/vault/filter.xml
);以取得有關架構的詳細資訊 filter.xml
檔案請參閱 工作區篩選器定義.
在方括弧中' 檔案 功能表,選擇 開啟資料夾…… 並選取 jcr_root
資料夾或父專案資料夾。
如果您沒有自己的專案與內容封裝,您可以嘗試 HTL TodoMVC範例. 在GitHub上,按一下 下載ZIP,將檔案解壓縮到本機,然後依照上述指示,開啟 jcr_root
方括弧內的資料夾。 然後依照下列步驟設定 專案設定,最後將整個套件上傳至您的AEM開發執行個體。 匯出內容封裝 如完整內容套件同步化一節中進一步指示。
執行這些步驟後,您應該就能存取 /content/todo.html
AEM開發執行個體上的URL,您可以開始在Brackets中修改程式碼,並瞭解在網頁瀏覽器中重新整理後,變更如何立即同步至AEM伺服器。
為了將您的內容同步到AEM開發執行個體以及從中同步內容,您需要定義您的專案設定。 您可以前往 AEM 功能表並選取 專案設定……
專案設定允許定義:
http://localhost:4502
)admin
)admin
)AEM Brackets擴充功能針對中定義的篩選規則所允許的檔案和資料夾,提供下列型別的內容同步 filter.xml
:
這只會同步從Brackets到AEM例項的變更,反之則不會。
在「專案總管」中,以滑鼠右鍵按一下任何檔案或資料夾,然後開啟 匯出至伺服器 或 從伺服器匯入 選項可供存取。
如果選取的專案在 jcr_root
資料夾, 匯出至伺服器 和 從伺服器匯入 內容功能表專案已停用。
在 AEM 功能表, 匯出內容封裝 或 匯入內容封裝 選項可讓整個專案與伺服器同步。
AEM Brackets擴充功能在Brackets視窗右側的工具列中有一個通知圖示,可指出上次同步處理的狀態:
按一下通知圖示會開啟[同步化狀態]報告對話方塊,其中列出每個已同步檔案的所有狀態。
僅限被下列專案的篩選規則標籤為包含的內容: filter.xml
將會進行同步,無論使用何種同步方法。
此外, .vltignore
支援檔案來排除與存放庫同步和從存放庫同步的內容。
AEM Brackets擴充功能也提供一些自動完成功能,以便寫入HTL屬性和運算式。
sly
. 屬性會自動完成至 data-sly-
.在運算式內 ${}
,則會自動完成常用變數名稱。
AEM Brackets擴充功能是開放原始碼專案,由 Adobe Marketing Cloud organization (根據Apache授權,版本2.0):
Brackets程式碼編輯器也是開放原始碼專案,由 Adobe Systems Incorporated 組織:
盡情投稿!