AEM Brackets擴充功能提供編輯AEM元件和用戶端程式庫的流暢工作流程,並運用Brackets程式碼編輯器的功能,此編輯器可讓您從程式碼編輯器中存取Photoshop檔案和層。 擴充功能提供的輕鬆同步化功能(不需要Maven或File Vault)可提高開發人員的效率,也有助於具備有限AEM知識的前端開發人員參與專案。 此擴充功能也提供HTML範本語言(HTL)的部分支援,免除了JSP的複雜性,讓元件開發更輕鬆、更安全。
AEM Brackets擴充功能的主要功能為:
data-sly-*
區塊陳述式的HTL程式碼完成。此外,Brackets還隨附許多對AEM字型端開發人員有用的功能:
AEM Brackets擴充功能支援Brackets 1.0版或更新版本。
請從brackets.io下載最新的Brackets版本。
若要安裝擴充功能,請依下列步驟執行:
開啟括弧。 在菜單檔案中,選擇Extension Manager…
在搜尋列中輸入AEM並尋找AEM Brackets Extension。
按一下安裝。
安裝完成後,關閉對話方塊和Extension Manager。
安裝擴充功能後,您可以使用Brackets從檔案系統開啟內容套件資料夾,以開始開發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開發執行個體,如完整內容套件同步區段中的進一步指示。
執行這些步驟後,您應該可以存取AEM開發執行個體上的/content/todo.html
URL,並開始對Brackets中的程式碼進行修改,並查看在Web瀏覽器中重新整理後,變更會立即同步至AEM伺服器。
若要將內容與AEM開發執行個體同步,您必須定義專案設定。 您可以前往AEM功能表,然後選擇專案設定……
「專案設定」可定義:
http://localhost:4502
admin
admin
AEM Brackets擴充功能針對filter.xml
中定義的篩選規則所允許的檔案和資料夾,提供下列類型的內容同步:
這只會將Brackets的變更同步至AEM例項,但絕不會以相反的方式同步。
在「項目資源管理器」中,通過按一下右鍵任何檔案或資料夾來開啟上下文菜單,並且可以訪問導出到伺服器或從伺服器導入選項。
如果所選條目位於jcr_root
資料夾之外,則導出到伺服器和從伺服器導入上下文菜單條目將被禁用。
在AEM菜單中,導出內容包或導入內容包選項允許將整個項目與伺服器同步。
AEM Brackets Extension在Brackets視窗右側的工具列中顯示通知圖示,指出上次同步的狀態:
按一下通知表徵圖將開啟「同步狀態」報告對話框,其中列出每個已同步檔案的所有狀態。
無論使用何種同步方法,都只會同步filter.xml
中的篩選規則所標示為包含的內容。
此外,.vltignore
檔案支援將內容排除在與存放庫同步或與存放庫同步之外。
AEM Brackets擴充功能也提供一些自動完成功能,以方便編寫HTL屬性和運算式。
sly
。 屬性自動完成為data-sly-
。在運算式${}
中,通用變數名稱會自動完成。
AEM Brackets擴充功能是開放原始碼專案,由Adobe Marketing Cloud組織在GitHub上,依Apache授權規範2.0版托管:
Brackets程式碼編輯器也是開放原始碼專案,由Adobe Systems Incorporated組織托管於GitHub:
歡迎貢獻內容!