Grow your CSS skills. Land your dream job.

Autocomplete and Indent on Sublime Text 2

  • # June 28, 2013 at 11:39 am

    I recently made the change to Sublime Text 2, I like it a lot with the exception of the key bindings that it doesn’t include out of the box.

    In Komodo a tag will auto close for me. For example if I type a tag like <html> it will append the closing tag and put my cursor in the middle of the two tags. This is a really handy feature for me because after I make a tag all I have to do is hit enter and it will drop the closing tag one more line below where it puts the cursor and auto-indents the cursor. Typing <html> then pressing enter will output:


    |

    (the pipe represents where the cursor would be)

    This makes it easy to nest tags and make my code consistent and clean

    What plugin do I need to install or settings do I need to change to make this functionality work in Sublime? I have researched this for a couple days now and have not had any luck configuring this neat code editor the way I want!

    # June 28, 2013 at 11:54 am

    Sublime snippets check them out

    # June 28, 2013 at 12:06 pm

    I think you can just type HTML+tab, no?

    # June 28, 2013 at 12:17 pm

    If you start typing a tag (the suggest window will come up) and press tab it will complete the tag and place the cursor in the middle of the two tags, if I press enter it places the tag down one line and keeps my cursor behind it, I need the tag to drop down one more line and auto indent my cursor (to nest a tag underneath).

    I didn’t think this would be a big deal but it hindered my productivity immensely when I tried writing something.

    I will check out snippets Paulie, anywhere in particular I can go?

    I appreciate the quick response! This question has been on hold for a few days on stack overflow because I can’t phrase my question correctly.

    # June 29, 2013 at 7:12 pm

    Still having trouble getting Sublime calibrated. I’m watching the tutsplus premium video on the perfect workflow for Sublime Text 2 [Here](https://tutsplus.com/course/improve-workflow-in-sublime-text-2/ “Here”) but so far I haven’t seen how to get this going. It seems really simple I’m just not sure where to look in the settings config file.

    Any ideas?

    # June 29, 2013 at 10:57 pm

    If you are doing a bunch of HTML coding, try http://emmet.io

    For SublimeText there is a package, https://github.com/sergeche/emmet-sublime

    I don’t know if does exactly what you are looking for, but it is epic for HTML. It’s CSS features are awesome also, but I just heard the new kid on the block for CSS is http://hayakubundle.com/ although I haven’t tried it yet.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".