SCSS的Sublime更好的自动补全功能

Question

In sublime, if I type "border" and then TAB, it guesses: "border-top-left-radius" which annoys me like hell. I have to set the syntax to "LESS" to get a better autocomplete.

Why is sublime acting this way? Is there a plugin to get a better autocompletion for SCSS files?

Answer 1

Even though this question is old I am having the same issue. When I am typing db i get box-decoration-break: and seriously who cares about this property I just want to get display:block . Or when I type dib I am hoping to get display:inline-block;

What I did is to install emmet using the Package Manager and then on User Preferences (Sublime Text 2 > Preferences > Settings - User ) disable autocomplete: "auto_complete": true

Now with Sass my files are looking good and the autocomplete feature works well, you can also use emmet with hayaku .

Answer 2

There's a package named SCSS In sublime's package-control plugin.

A Sass & SCSS syntax package for Sublime Text 2

(note: it's working for me with sublime-text-3 as well)

It's lets you choose 'SCSS' syntax, and performs just as it should.

Give it a try.

There are installation notes on the package web-site, You can install it manually, or through package-control.

If you havn't installed package-control yet, I recommend that you do.

It's one of sublime's best features in my opinion, you can find many packages to improve your productivity.