Sublime Text 3 - SASS (scss) autocomplete variables from another files

Question

I have two files:

variables.scss:

$my_var: #fff;

module.scss:

@import 'variables';

.body { background: $my_var;}

And Visual Studio provides me nice hints - when I'm typing $my in module.scss I see all variables from imported files that matches to $my. Simple.

But Sublime Text 3 autocompletes only variables from module.scss, not from other imported files. I have installed All Autocomplete package, it doesn't work... Any ideas? It is important feature for me...

I've just tested Atom, and I see that Atom can do that, so maybe I should use Atom instead of Sublime. Anyway, I'm still lookinig for answer !:) — kzg, Aug 04 '15 at 20:10

score 1 · Answer 1 · edited May 23 '17 at 10:30

1

Question was answered here: Sass support for sublime text 3

From that link: You can install Emmet (formerly Zen Coding), it is an extremely powerful tool to do css (and scss), example :
I type bi and press tab and it gives me : background-image: url(|); (with the | your cursor).

If you are interested, please take a look at this:

Emmet for sublime, and all the abbreviation (Emmet is very good with HTML too -- look what is happening when you type, for example, nav>ul>li...)

Now, how to make it works with scss:

The answer is here

You have to install the package sass-textmate-bundle for scss and do what I have wrote.
If you need sass and not scss, check this answer, especially the second response from Alexander Ekdahl

edited May 23 '17 at 10:30

Community

1
1

answered Nov 16 '15 at 03:03

Marko Bajlovic

323
5
12

1

I've bought Webstorm and it was great decision,but thanks for answer! – kzg Nov 18 '15 at 13:08
2

This does not actually answer the authors question. – jsheffers Sep 27 '16 at 18:04

score 0 · Answer 2 · answered Aug 17 '16 at 08:18

I had the same issue. This is what fixed the problem for me:

Have an active tab with SASS (SCSS) file and then go to Preferences > Settings - More > Syntax Specific - User
Paste this "word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?"
Save and profit.

Hope it helps. There is this github issue if you want to have more information.

score 0 · Answer 3 · answered Sep 27 '16 at 18:24

I got this working using the AllAutocomplete plugin

The biggest drawback to using this plugin is that the file that it reads the variables from has to be open. Unfortunately I haven't found any better way to achieve this.

Sublime text 3 support?

This plugin didn't work for me out of the box with ST3. I had to make a small modification to the user settings file to get it to work.

"word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?",

Adding this to your user sublime settings file should do the trick. Here is the github issue where this originated from.

https://github.com/alienhard/SublimeAllAutocomplete/issues/18

Sublime Text 3 - SASS (scss) autocomplete variables from another files

3 Answers3

Sublime text 3 support?