Last Updated: February 25, 2016
·
6.765K
· dylan_k

Replace Dreamweaver with Sublime Text

I've been using Dreamweaver for years, but I've grown impatient with its bloat, its slow (basically infrequent) software updates, its bugs and its overall lack of innovation. I'll still use Dreamweaver, but only until I can find better replacements for its other features. In addition, the change will save me the expense of having to pay eternal rent for the privilege of using it in the cloud. It was expensive enough to begin with!

Here's a list of the features I like from Dreamweaver, and some replacements. I've listed some that I have yet to find replacements for. Post in the comments if you know one.

Drag Text/Code from one location in the file to another

This is a useful feature of Dreamweaver that can be added to Sublime Text with <a href="https://sublime.wbond.net/packages/MoveText">the MoveText package</a>. (It appears that the Sublime Text developers are working to officially add this feature?)

RIght-Click on filepath to open file

This is a huge timesaver with Dreamweaver. Can Sublime Text do it? Yes, although it works a little differently. First you'll want to install the Open-Include package. ( https://github.com/SublimeText/Open-Include ) Then, once you've selected a file path, you can hit alt+D to try to open the file referred to in that path. It works pretty well for me.

Settings for working with various sites

Dreamweaver calls it "sites" but Sublime Text calls it "Projects" and it is very much the same thing.

Find and Replace across entire site.

Sublime Text also has this built in. You can search within a file (command-F) or across the entire project (command-shift-F).

Upload file to server with key command

In Dreamweaver, I'm accustomed to being able to upload the file I'm working on quickly and in Dreamweaver all I have to do is type command-shift-U to do it. In Sublime Text the <a href="http://wbond.net/sublime_packages/sftp/">Sublime SFTP</a> is a suitable replacement for Dreamweaver's "sites" functionality. <a href="http://blog.sucuri.net/2012/11/psa-sftpftp-password-exposure-via-sftp-config-json.html">NOTE: There is one important security caveat</a>.

So far, I find this very easy to use, without some of the delay that Dreamweaver would give, and I no longer have to tolerate those <a href="http://forums.adobe.com/message/2140892">very annoying Dreamweaver errors</a> that said "currently interacting with the server"

To get the familiar keyboard shortcut, add this to the Sublime Text user key bindings file, located in the preferences:

{ "keys": ["super+shift+u"], "command": "sftp_upload_file" }

Snippets

I like Dreamweaver's snippets feature, but I always seem to lose my snippets whenever I have to upgrade Dreamweaver, and they aren't available from one machine to the next. To improve the snippets, I've begun to host them in the cloud, via <a href="https://gist.github.com/">Gists</a>, and there's <a href="https://sublime.wbond.net/packages/Gist">a Gists package for Sublime Text</a> that makes it very easy to get at my snippets, from wherever I am.

Keyboard shortcut to wrap the selected text in a tag.

In Dreamweaver, I use Command+T (mac) or Control+T (windows) to open the <a href="http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7b86a.html#WSc78c5058ca073340dcda9110b1f693f21-7b34a">Quick Tag Editor</a>. I like that. T for tag.

In sublime text, you can enable a similar feature. Go to "Preferences" > "Key Bindings - User" and add this to your user keymap file:

{ "keys": ["super+alt+t"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": true} },
{ "keys": ["super+t"], "command": "insert_snippet", "args": { "name": "Packages/XML/long-tag.sublime-snippet" } }

This will change the existing shortcut for "show overlay" (which I don't really use... yet) and add a shortcut to wrap the selection in a tag. The tag is

by default but you can just type the tag you want instead. This is nice! I like it.

I'll update this post as I learn/do more. I'd invite anybody else who is making the shift to post any tips in the comments.

3 Responses
Add your response

Dreamweaver's default color scheme for code is far to bright for coding in low light (where I do most of my coding) so I would suggest a dark color scheme. Out of personal preference I use MultiLang Color Schemes for 3 very good reasons:

  1. The project designed to let you easily discern different languages without actually reading the code.
  2. It's available through Package Control (which is a must for Sublime Text)
  3. I am the one who started the project  

Also as far as packages (aka plugins) you should install for sublime text, many people on this site (myself included) have written protips about suggested plugins. So if I were you, I would search the Sublime Text section of this site for some good plugins to install.

over 1 year ago ·

Thank you for all the tips. For starters, I'm looking to replace some of the functionality I enjoyed from Dreamweaver. In addition to the quick-tagging I mentioned above, I'd also like to upload from a key-command, code cleanup for HTML, CSS, etc. and cross-project find/replace. Are there packages that offer these features?

over 1 year ago ·

@dylan_k There is an SFTP package (which I think has keyboard shortcuts), but sublime doesn't really specialize in server interaction (though this is a common request for sublime).
As far as code cleanup, there are a couple of linting options, most of which work perfectly, and there even some packages that will help you align and document your code.
Sublime does have a very advanced find/replace feature by default. Ctrl+Shift+F will open the palette on on the bottom of sublime. it supports the search of multiple directories, regex, and a few other things.
Given you have already install package control, you may just want to type a few key words into install package search. You will find a ton of stuff under things like git, php, html, css, etc.

over 1 year ago ·