CodeMix中的Emmet

Emmet是改善開發人員工作流程的好方法。 使用Emmet，可以動態解析類似CSS的表達式，并根據用戶在縮寫中鍵入的內容生成輸出。 Emmet支持內置于CodeMix中，無需擴展。

CodeMix插件與基于Eclipse的IDE和工具（如MyEclipse，Spring Tools Suite和JBoss Tools）兼容，因此用戶可以繼續在習慣的環境中工作。

Emmet支持內置于CodeMix中，無需擴展。 Emmet 2.0支持大多數Emmet操作，包括擴展Emmet縮寫和片段。

擴展Emmet縮寫和片段

默認情況下，emmet縮寫和片段擴展在html、haml、jade、slim、jsx、xml、xsl、css、scss、sass、less和stylus文件中啟用；以及任何繼承上述任何語言的語言，如handlebars和php。

當用戶鍵入Emmet縮寫時，縮寫將顯示在建議列表中。 如果打開了建議文檔，則會在鍵入時看到擴展的預覽。 如果位于樣式表文件中，則擴展縮寫將顯示在其他CSS建議中排序的建議列表中。

注意：如果已禁用editor.quickSuggestions設置，則在鍵入時不會看到建議。 但仍然可以通過按Ctrl + Space手動觸發建議。

設置Emmet首選項

要更新Emmet首選項，請轉到窗口>首選項（或Mac上的Eclipse>首選項），然后選擇CodeMix>用戶設置。 可以直接從此頁面編輯許多Emmet屬性。 如果在“用戶設置”列表中未看到該屬性或無法編輯該值，請單擊列表下方的settings.json鏈接以手動編輯設置。

有關可用于自定義Emmet體驗的Emmet設置的完整列表，請參閱。

Emmet其他文件類型的縮寫

要在默認情況下不可用的文件類型中啟用Emmet縮寫擴展，請使用emmet.includeLanguages設置。 確保為映射的兩側使用語言標識符。

例如：

"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "plaintext": "jade"
}

Emmet不了解這些新語言，因此用戶可能會看到Emmet建議出現在非HTML / CSS上下文中。 要避免這種情況，請轉到Window> Preferences（或Mac上的Eclipse> Preferences），然后選擇CodeMix> User Settings。 將emmet.showExpandedAbbreviation屬性設置為inMarkupAndStylesheetFilesOnly。