Sublime Text 2 Tab Auto-Complete - sublimetext2

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

Related

VS Code isn't recognizing html files

VS had suddenly stopped recognizing HTML files and it doesn't autocomplete tags or even show the syntax unless I manually input every single file name in it, I would really appreciate the help on any idea how to solve that Here is how it looks:
I have tried many things but nothing seems to work or help fix it
See if this solves the problem:
On the bottom right of the application, you should see something like this:
Click on the "Plain text".
Search HTML in the list and click it.
Then your HTML should turn colorful.

Pressing Enter to choose a suggestion in VScode

I have installed VScode recently. I loved it alot but I have a problem with it. When I writer a code (for example, an HTML5 code) and writes an opening tag like <form>, it appears in a list of suggestions as shown below. When I hit enter on the suggestion form I expect that an automatic closing tag (</form>) will be placed. But, what is really going is that the word in the opening tag is completed and the ending angular bracket of the opening tag is not placed and that the closing tag is not placed as well. Is there a solution for this problem?
Thanks in advance

Jump into HTML tag keyboard shotcut in vscode

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.

HTML Editor that can be used for tags' sanity check

I am trying to use a text editor (without using an IDE e.g. eclise/IntelliJ) where I can analyse an HTML file e.g. which tags are unevenly used and also format HTML documents in a way that it picks up each tag and organises so that the document is more human-friendly.
I currently have notepad++ and Sumblime Text 2 on my machine. If there is any specific plugin that helps to do the job, could someone please advise?
** REASONING **
I have a messaging service that uses email templates and one of these has a bug somewhere. It's generating a misaligned (i.e. odd) tag which can be visible if I was to put it in some audit trail (gets picked up in a tabular view). I would like to use a text editor to check the buggy tag.
KR,
In notepad++ you can do that if your open and closing tags are below eachother for example
<div>
something here
</div>
but if you have it inline like this
<div>something here</div>
you cannot do much with it.
Is this what you are asking?
Also if you want the vertical tab lines to be visible click on the "show indent guide" in the top toolbar
There are several online tools that can format the HTML for you. Do a quick Google search for "online html formatter" and try a couple out. Some will provide more options than others. Once formatted properly, it'll be human readable and probably be pretty easy to spot the stray tag.

Color Scheme for code not working - Sublime Text 2

Sometimes Sublime Text 2 will recognize my code with its color scheme and other times it won't. I do a lot of pasting code into the code editor and editing it, but I rarely write code in it, mostly editing my older code. Its really helpful having the color scheme!
You can also set the coding language by clicking the bottom right corner "Plain Text" to open a list of languages to choose from. Click the relevant language and the Sublime will do the coloring according to your selection.
If you are just opening new files and pasting text in, the default syntax is "Plain Text", thus no highlighting. You can set the syntax in the buffer by opening the command palette and searching for "Set Syntax: ". If that isn't what is happening, please try to give more information.
-skuroda
Go to a color page and copy just the < ? and php from the top. Go to the white text page and highlight/paste.
This worked for me. i had a problem with Arduino color coding but now i solved that with the help of this trick. You can also set the coding language by clicking the bottom right corner "Plain Text" to open a list of languages to choose from. Click the relevant language and the Sublime will do the coloring according to your selection.
Javascript Syntax was not working for me, so changed to Java. Color shading appeared.