Tag Archives: Work Flow

Tips: My Favorite Sublime 3 Packages

I primarily use Sublime as my code editor of choice; a bunch of us at Sprout Social do. It’s simple, clean, lightweight on system resources, and it has some pretty sweet packages. I’ve found a number of packages that increase my efficiency developing. Thought I’d share several of these personal favorite Sublime 3 packages.

If you’re on Sublime 2, upgrade to Sublime 3, it’s totally stable.

To get started you’ll need to install Sublime Package Control into Sublime. It’s fairly simple, and the you’re read to go. The “Package Control: Install Package” command will now be available in your command pallet via Cmd+Shift+P or Ctrl+Shift+P.

SublimeLinter

SublimeLinterBase package for all linters. Syntax error highlighting can greatly reduce the save-run-revise cycle time. Most IDEs already have syntax error highlighting, why not add it to Sublime?

There are many SublimeLinter packages. Browse through them find what fits your workflow. Be sure to follow each packages setup instructions, each will be a bit different.

My personal must have’s are:

  1. SublimeLinter-phplint
  2. SublimeLinter-jshint
  3. SublimeLinter-jsxhint
  4. SublimeLinter-csslint
  5. SublimeLinter-contrib-scss-lint

BracketHighlighter

BracketHighlighterAn even better bracket highlighting than what comes with Sublime. It also shows starting and ending brackets in the gutter, and can matching for [ ], ( ), { }, ” “, ‘ ‘, <tag> </tag>.

SideBarEnhancments

Give the context menu more options when right clicking on files in a project. Duplicate files, move, rename, etc.

DocBlockr

DocBlockrEasier creation of document blocks for functions, classes, methods. It’s intelligent and looks ahead to see what you’re documenting to pre-fill the base info (such as input parameters and what is returned). Documenting is now convenient.

Pro tip: use the Tab key to navigate through the generated documented block, no need to click or use arrow keys.

Shell-Turtlestein

Launch the terminal/command line right in the context of your project directly from Sublime.  Either as a new window or as its own panel within sublime.

GitGutter

Visually shows the diff since the last commit in the gutter.  At a glance you can see what lines are additions, modifications, or deletions.

Origami

Split Sublime into multiple horizontal and vertical panes for side-by-side work. Remove the need to switch between tabs or windows as frequently when comparing files.

TrailingSpaces

Highlights and helps cleanup end of line trailing spaces. Nobody likes them right? Or maybe we just don’t notice them.

 

There are many other great packages out there for Sublime : code snippets, theme,  and syntax highlighting. But these are just some of my favorites.

Opinion: Graph Search

I am a big fan of the flexibility of graph search. Graph search has been around since before March 2013 when I wrote a few notes about my favorite searches. I figured it was time to share a few.

I have met people that I remember a list of facts about and have been able to find them via the Graph Search. It is simply fantastic.

Here are some fun uses of Graph Search on Facebook:

  • “My friends who live in New York”
  • “Places in Chicago my Friends have been to”
  • “Friends of Joe in Backbone.js Developers Group”
  • “Friends of My Friends who like Swing Dancing”
  • “My friends who are Females who are Single”
  • “Events my friends are going to”
  • “People named Christopher who live in Seattle, WA who like Passion Pit”
  • “Friends of Beth named Tim”
  • “Mutual friends of Beth and Jake named Tim”

Tip: Hibernate – Sleep – Shutdown

Just to clear things up, I though I would quickly go through the differences of Hibernate, Sleep, and a full shutdown of any computer.

RAM makes the all difference!

The main difference has to do with how RAM is being used. So let me give a quick understanding of what RAM is and how it is used.

RAM is temporary ‘running’ memory. When a computer is booting up, it really is loading all the necessary files to work over into RAM. Now RAM also used to remember what programs you have open, what web page you are one, what you have typed but haven’t saved yet, and so on. Simply put, it tires the state of thing.

Now we can dive into the differences.

Shutdown

Scraps all data in RAM, forgetting the state of things on screen, then powers off all components (RAM chip, CPU, keyboard, screen, wifi card, etc).

Sleep

Continues to supply a little power to RAM chip keeping the state of thing. But powers off all other components (CPU, keyboard, screen, wifi card, etc). This means it can pick up where it left off very quickly, just need to power on all other components. Mac Laptops are well known for this, windows can do it as well.

Hibernate

Saves a copy of everything in RAM to the hard drive. This allows it to scrap everything in RAM and powers off all components (RAM chip, CPU, keyboard, screen, wifi card, etc) this consuming no power. When powered back on, it can restore the state to RAM as it was from the Hard drive, picking up where it left off. It can take a bit longer to save and restore the RAM, the benefit is mainly no battery drain.

What is best?

Which is best to use? Well that’s up to you. For me it largely depends on how long I will be away. Sleep short, hibernate long, shutdown long or weekly.

A rhyming rule of thumb:
Out for a treat – then sleep
Out for a date – then hibernate
Out for weekend cool down – then shutdown

Nevertheless, now you know!

Utility: FTP Automation and Sync

I write code. I often find my self manually uploading every change to an ftp server using wither FileZilla or Windows Explorer native ftp browsing.  Keep the FTP in sync is tedious as you may know. Save file – Switch to ftp – upload – refresh browser. In the past I have searched for a simple answer for ftp automation but found nothing. Perhaps I didn’t search long enough, however I have an answer at long last!

Enter WinSCP

WinSCP FTP Automation

WinSCP has a built in “Keep remote directory up to date” function. It is brilliant let me tell you. You select the local folder and remote folder, tinker with settings (like if it should monitor subdirectories in addition), and away you go! Instantly as soon as you save the file it will upload any changes. FTP automation. What a time saver and frustration eliminator!

FTP Automation – It’s like magic!

There is very little latency for WinSCP to detect a changed file, perhaps a fraction of  a second at most! It is important to note, this automation is upload only, it doesn’t appear to support download sync as it doesn’t monitor the server side for changes. However, it does have a directory comparison tool and manual two way folder synchronization options in the main toolbar. But both of these are manual operations.

I recommending give it a try to see if WinSCP can help your workflow and save you time by eliminating the pains of manually uploading to an FTP server.

SyncFTP_Options

Overall I’m very pleased with this application, I think I may say farewell to FileZilla.

Download

Head over to WinSCP’s site for the latest downloads.

In addition WinSCP has some great scripting options with WinSCP.com. I have used it for automation / scheduled FTP transfers.  I will write more on that in the future.