Enter Search Query:

Cyberduck + Textmate = Awesome

I’ve been using EditPad Pro for web development on a Windows PC because it has an integrated FTP tool. With EditPad Pro, you can ftp to your production web server, list all of the files and easily edit any of them in place (code highlighting and all). I got used to the tool, but could never find a good equivalent for the Mac. TextMate is my favorite code editor in OSX, but it’s missing the FTP tool.

Then last week I stumbled upon a tutorial involving Cyberduck and Textmate and using the two in concert to accomplish exactly what I’d been using EditPad Pro for on Windows. It’s a straightforward set of text instructions that worked great for me, but I figured I could spruce it up with screenshots and my own tweaks so all my friends could use it too.

Here it is:
[step 1] Fire up Cyberduck and in the preferences under Editor, make sure external editor is set to TextMate. Also, under Browser, tick the “Double click opens file in external editor” checkbox.

[step 2] Connect to your web server via Cyberduck. Open up any file in TextMate by double-clicking it. Once the file is open, type ctrl+shift+o. This will open a terminal window at the temporary location where the file you are editing is. In the terminal window type “cd ..” to go up one directory and then type “mate .” to open the entire directory as a project.

[step 3] Now any subsequent files you open using Cyberduck will be added as tabs in the current TextMate project.

[step 4] Finally, the one thing I still miss about EditPad (Notepad++) is HTML Tag matching. There’s nothing like quickly being able to find the matching </div> tag to make your development go faster. Here’s how to do it in TextMate.

[step 4a] Download the Select Balanced (HT|X)ML Tags.tmMacro (I just saved the link as a .tmMacro file). Double-click the file to install it.

[step 4b] Place your cursor into a tag, then hit “Command+Shift+B” to find the matching tag and highlight the text in between.

November 28, 2010

Related Posts

4 comments found

Comments for: Cyberduck + Textmate = Awesome

  1. Nilanjan

    This is awesome. Thanks a lot.

  2. Torbjorn

    Hi

    Great tip (cyberduck + TM). The next time i open TM i have to do the commands again. Is it possible to save the project open the files directly i TM the next time i want to edit?

  3. 4nt0n

    when I type “mate .” and hit return I get this message:

    -bash: mate: command not found

    any ideas??

    btw the Select Balanced (HT|X)ML Tags.tmMacro ROCKS!!

    1. Post author: 
      David Vielmetter

      Sounds like mate is not in your PATH environment variable. When you install textmate, it should have created a shortcut (symlink) to the mate command in /usr/bin (it did for me) and /usr/bin and apps and symlinks are referenced in my PATH environment variable. If you have /usr/bin in your $PATH, you could create a symlink to the mate executable binary there like so:

      ln -s /Applications/TextMate.app/Contents/SharedSupport/Support/bin/mate /usr/bin/mate

      Hope that helps.

Leave a Reply

Your email address will not be published. Required fields are marked *