Sublime Text packages for web development

Coming from PhpStorm (a full-featured IDE), I felt that Sublime Text was missing a few useful features. Luckily, one of the great things about Sublime is that it can be easily extended with plugins and packages. Perhaps the most useful package for Sublime is Sublime Package Control, which allows you to easily install and manage packages (it can even uninstall itself – über meta).

Below are some Sublime Text packages that I have found to be useful for web development.

  • All Autocomplete extends the Sublime Text autocompletion to find matches in all open files.
  • ApacheConf.tmLanguage provides ApacheConf syntax highlighting (for .htaccess, vhosts, etc).
  • DocBlockr simplifies and automates writing DocBlock comments in many languages including PHP and Javascript.
  • Sass and LESS both provide syntax highlighting for the Sass and LESS dynamic stylesheet languages. Compass also provides a watch/build system for Sass.
  • SideBarEnhancements provides many useful enhancements to the default Sublime Text sidebar, including Copy Path and Open With…
  • SublimeCodeIntel is a full-featured code intelligence engine that provides smart autocomplete and jump-to-symbol functionality.
  • SublimeLinter automatically runs your code through a linter and highlights lines that it deems to contain (potential) errors. SublimeLinter has built-in linters for most popular languages.

Did you find this post useful?

  • Tyler Power

    I’m yet to try sublime but how do you find it compared to PHPStorm? I love the JetBrains IDE’s, we use WebStorm and RubyMine mostly but Sublime looks interesting. Worth trying?

    • Joseph

      Yeah, it’s definitely worth trying. I struggled with it for the first week but now I’m used to it, I wouldn’t go back to a full-featured IDE. I like it because:

      - It’s fast. Like, stupidly fast. Every Java-based IDE feels sluggish once you’ve used Sublime.
      - The ‘Goto Anything’ panel is amazing. You need to use it to understand why, but a good demo is on slides 4&5 on the Sublime homepage.
      - If it doesn’t have a feature, there’s probably a package available. If there isn’t a package available, just write your own (in Python).
      - Really good at handling indentation and line endings. By default it adapts to the current file’s style, but you can tell it to override if you like.
      - Per-syntax preferences. Great for stuff like ensuring YAML files are always indented with 2 spaces.

    • Joshua Canfield

      (I know this comment was a good 4 months ago) Just wanted to weigh in quickly. I have been using PHPStorm and JetBrain Products for the last two years and absolutely love them. Due to a friend pressuring me, I gave Sublime Text 2 a week trial. After getting the right packages installed and setup my shortcut keys the way that I like them– I actually have set PHPStorm aside and have purchased a Sublime license.

      Have you made the transition to Sublime? Just wondering.

      • wildlyinaccurate

        Hey Joshua, I’m just curious what the “right” packages were for you? Is there anything you’d add to this list?

        • Joshua Canfield

          @wildlyinaccurate:disqus Well other than the fact the Sublime has all of the quick editing shortcuts (and more) that PHPStorm has, I was taken when I started to play around with the Package Manager and it’s ease of use in contrast to Jetbrain’s Extension Preferences panel. The Packages that really got me going was ‘Emmet’ (which is built in to PHPStorm but felt more customizable in Sublime), SFTP, GIT, Gist, JSLint, Prefixr and the Build System for my SASS. After a good 72 hours I was really sold. Took me a good hour to configure it the way that I truly enjoyed and of course every day I find a new little trick or tip that just adds to my workflow. I’m really all about keeping it simple yet anything that will enhance my productivity is welcome. (Heh, Sorry for rambling there– Hopefully I answered your question).