☰

如何在Sublime中設定Emmet以啟用註解捷徑？

tag-icon • tag-icon keyboard-shortcuts sublime-text-2 key-binding
如何在Sublime中設定Emmet以啟用註解捷徑？

由於我在 Sublime 2 中啟用了 Emmet，因此某些命令無法正常運作。

HTML在文件輸入時如何啟用預設功能

cmd + /

在...前面

<script src="./bower_components/angular/angular.js"></script>

取得正確註釋的標籤：

<!-- <script src="./bower_components/angular/angular.js"></script> -->

現在相同的命令生成

// <script src="./bower_components/angular/angular.js"></script>

這是完全錯誤的。

答案1

所以事實證明這不是 Emmet 的問題，而是 Sublime 內建的 HTML 語言定義的問題。由於某種原因，它被設定為任何以<script>標籤（前面可以有空格）開頭的行都被歸類為source.js.embedded，這意味著當觸發註解快捷方式時，它使用 JS//註解標記而不是 HTML 註解標記<!-- -->。

我發現解決這個問題最簡單的方法是安裝HTML5封裝通過包控制，我假設您在使用 Emmet 時已經安裝了它。安裝新軟體包，然後開啟您的使用者首選項（Sublime Text 2 -> Preferences -> Settings-User) 並加入"HTML"列表"ignored_packages"：

"ignored_packages":
[
    "HTML",
    "Vintage"
],

儲存文件，然後重新啟動 Sublime。現在，當你去View -> Syntax應該只有一個HTML條目，但它將引用 HTML5 語法，而不是內建語法。要進行測試，請打開您在上面編輯的文件，將遊標放在標籤之前<script>，然後點擊⌘/。現在整行應該被 HTML 註解包圍：

<!-- <script src="./bower_components/angular/angular.js"></script> -->

相關內容