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?
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.
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.
Related
I recently started writing SCSS in VSCode. VSCode itself along with vscode-scss extension provides relatively good support for SCSS, but an important feature seems missing - error checking.
Though VSCode and vscode-scss can offer suggestions through Intellisense based on scanning, no errors will be prompted if I misspelled a variable, or used a mixin that hadn't been imported yet. Also, no auto refactoring takes place after renaming an SCSS file that has been used by other sources.
Is there any VSCode extension that provides such validations? Or maybe they can be turned on through some options in extension settings?
Note: I do have noticed the scss.showErrors option of vscode-scss, but no errors get prompted in scenarios mentioned above after turning this option on.
It's my first day using Sublime. After simple test, I could not find this function: for a newly created document, BEFORE saving, Sublime seems to be not able to remember variables I've inputed, thus can not autocomplete.
Am I wrong? Any plugin to fix this?
There are a bunch of sublime text plugins available online to help you get rid of that problem. It depends on what kind of plugin you wanted and for what purpose.
These are some of autocomplete plugins available:
SublimeCodeIntel
Auto Close HTML Tags
All Autocomplete
Note: Before you can add plugins, You need to first install Sublime
Package Control. Check here
I've auto-complete and auto-complete+ installed on the latest version of Atom. Unfortunately, these packages don't auto-complete or suggest words while typing plain text as open office or some sublime packages do.
For instance, if I am typing repo and the word repository already appears in the current document, I would like to have some sort of auto-completion / intellisense to show up.
I looked, in vain, for package in atom achieving that.
So, the question is, do you know any package to do that in atom or any intuitions on how to create it ?
Thanks.
Actually the autocomplete-plus package should do exactly what you want. By default it looks in the current document, but you can enable "Include completions from all buffers" to get completions from all open buffers.
A few suggestions why it does not work:
Make sure "Enable built-in provider" is activated in the autocomplete-plus settings
The package let's you choose between two "Default Providers", Fuzzy and Symbol. Try both (for me Symbol works fine)
Make sure the file type you use does support autocompletion and is not blacklisted, see this question for details
Maybe the autocomplete package interferes with autocomplete-plus. Try disabling or uninstalling autocomplete
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...
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
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.
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
In Eclipse you can jump to definition/declaration by clicking on hyperlinks with pressing command key (control for Windows). I would like to use the same functionality for Sublime Text 3. Mostly I work with Robot Framework with a lot of files and would like to jump to the source of Keyword through whole project.
In sublime this kind of feature is provided by plugins.
Look at https://sublime.wbond.net/packages/Robot%20Framework%20Assistant or https://sublime.wbond.net/packages/Robot%20Framework, but be aware you can't use both, they conflict.
This plugin allows you to jump from .txt (.robot) files to the keyword's definition in .py and in .txt (.robot) in case they are resource files. Please read more here: https://github.com/andriyko/sublime-robot-framework-assistant
You can add below two plugins in pycharm, it will then allow you to navigate.