How do I disable Emmet's CSS Abbreviations in Sublime Text 2

Question

I really like how Emmet generates HTML based on 'CSS-like' strings but I don't want to use their CSS Abbreviations. Cause when I write a piece of css as follows:

li a|

And I press 'TAB', I want to get a Tab

li a    |

But with Emmet I get the following when I press Tab

li |-webkit-appearance: none;
-moz-appearance: none;
appearance: none

How can I disable this functionality of Emmet?

Answer 1

In Emmet.sublime-settings you have to update disable_tab_abbreviations_for_scopes property: add source.css to disable Tab trigger completely in CSS.

Also, if you’re on ST2, you may want to take a look at disable_tab_abbreviations_for_regexp preference due to some bugs in ST2 scope matcher.

Answer 2

If you installed with package control, search for Package Control: Remove Package in the command palette. Otherwise you can just remove the Emmet directory.

If you wish to use a custom caption to access commands, create Default.sublime-commands in your User folder. Then insert something similar to the following.

[
    {
        "caption": "Package Control: Uninstall Package",
        "command": "remove_package"
    }
]

Of course, you can customize the command and caption as you see fit.

Or try like this: CTRL + SHIFT + P >> Remove Package >> Select package to remove then press enter

Answer 3

Instead of pressing Tab, you can use Shift+Tab to insert a tab without triggering the tab trigger.

It’s documented in the Sublime Text documentation.

Answer 4

Preferences.sublime-settings - toggle on/off is there.