2019獨角獸企業重金招聘Python工程師標準>>>

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.includeLanguages設置。 確保為映射的兩側使用語言標識符。

例如：

1 2 3 4 5

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

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

轉載于:https://my.oschina.net/u/4009527/blog/2872162

總結

以上是生活随笔為你收集整理的【翻译】CodeMix使用教程（三）：Emmet的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。