I can't think of a solution for this...
When I set my Emmet settings (Settings->Editor->Emmet) to autocomplete things with Tab, PhpStorm will just insert a regular tab space and not complete the Emmet syntax.
Example:
.card.card-default autocompletes to
<div class="card card-default">
</div>
BUT only when I set the key to Space and not to Tab.
Please help me on this one.
I've tried resetting the whole IDE settings, uninstalled all plugins, unbound every Tab-hotkey but nothing worked.
Related
One of my many vscode extensions must have been updated in the background. I cannot trace which one but since the tab key indent the full line instead of inserting a tab.
From what I found online, there is no way to fix this with the keymap settings?
I have tried and disabled all extensions but that doesn't fix it.
Any suggestions?
Try opening up the the vscode command pallete using ctrl+shift+p.
Then type in indent using spaces and select it. This should bring up a menu where you can select the tab size.
I have Emmet enabled for WebStorm but it seems as though some of the abbreviations aren't working.
For example: typing div and then Enter (I have the abbreviation key set to Enter) will open a <div> tag as expected. However, actions like these are not working:
! should open up the html boilerplate. Instead, it doesn't do anything.
form:get should open up <form action="" method="get"></form> Instead, it opens up <form:get></form:get>.
I even tested on other JetBrains products like IntelliJ and Android Studio using the same settings and they both work as expected.
Any ideas?
Screenshots:
Emmet HTML settings:
Emmet abbreviation:
Zen HTML settings:
I tracked down my problem. I had imported settings for some React snippets (https://github.com/ifahrentholz/webstorm-snippets) that must have overridden some of the Emmet Abbreviations.
I've spent some time looking through the docs and keyboard shortcut options and I've been unable to find this specific feature inside vscode, sublime text, or atom. It seems to obvious that I must be missing something.
What is the keyboard shortcut or name of the setting to jump into an html tag from the outside? I know the emmet plugin supports tabbing through on initial setup but if my cursor is to the right of the tag is there a shortcut to jump into the middle of the tag?
For example
is there a way to go from cursor being here
<label>Name</label> |
to here
<label>Name|</label>
without keying left 8 times?
Try extensions like HTML Snippets or HTML CSS Support.
It auto completes the html tags.
Or in normal case, try Ctrl+Left Arrow
It shifts left by one word.
VScode extensions like: jumpy, Code Ace Jumper, MetaJump - allow you to easily jump through code in your window.
I don't know how many projects I've seen with this kind-of-hard-to-read formatting, and I'm not finding the answer online as to why Microsoft made 2-space indents a default, but to me it's kind of ruining projects until I figure out how to get VS Code or other editors to display 2-space indents as 4-spaces or 4-column tabs (but still save to 2-space indents).
Does anyone know why VS Code was set to default to this? Also any advice on how to config the editor to display the indents as 4-column tabs while still saving as 2-space indents would be great.
click this you will have all the options.
I did it by changing the option "Tab Size" to 4 and unchecking the option "Detect Indentention"
I have mostly worked in Adobe Dreamweaver (don't hate too much, I really like some of its feature that I'm about to mention). I'd really like to become proficient in Sublime Text 2. There are two things I'm looking to figure out:
When I start typing a tag and it auto suggests what it thinks I'm typing, I can hit tab or enter to auto-complete the tag. But when I do this, it makes the closing tag too. I hate this, because I go back to change things often, then when I tab to auto complete, it adds in the entire closing tag. So my question is can I make it ONLY auto-complete the opening tag when I hit tab or enter? (btw, I have emmet installed too)
My next question, if anyone is familiar with Dreamweaver, whenever I open an HTML file, it opens all corresponding files in a sub menu below the tab. So I open say, index.html, and below it appears, automatically, my css file, js file, and any files that I've put in the html file. With Sublime Text, I have to go to the trouble to open all those files with it. Is there any plugin or way to make Sublime replicate this?
Thanks so much for any help anyone can provide!
This is a bit old, and maybe you've discovered the answer, but for #1, you can set the "auto_complete_commit_on_tab" setting to true in your user settings.
http://www.sublimetext.com/docs/2/auto_complete.html