Angular Anguish and n00b News (Sublime Text Plugins to help with Angular)

By Jason Land

Second week. AngularJS. I knew it was coming. I’m finally in virgin territory- no more know-it-all status with my classmates.

I’ve had a history with Angular- I heard about it as the new hotness, saw a two-way data-binding demo that wowed me:


tried to get it past that rudimentary task more than a few times and eventually gave up on it. I even had to occasionally work with a fairly standard dashboard app built with it at my previous work- nothing out of the ordinary on it, but also incomprehensible for those of us who didn’t write it. Hearing everyone go:

and then get confused, lost and gripe about it

was a familiar story to me. But companies love it and pretty much all coding bootcamps that teach JavaScript also teach Angular, so there’s no avoiding it.

But on the other hand, I found some Sublime Text plugins that will make Angular (and coding in general) much more frictionless.

The obvious one to start with is AngularJS. This has some Emmet-like functionality as it will autocomplete ng-* tags in an HTML document. Very handy if you haven’t memorized all 63 built-in directives.

The other two aren’t specifically for Angular, but they have distinct benefits. The first is All Autocomplete. This will scan open files for function and variable names and add them to the autocomplete list that Sublime Text offers when typing something outside of its normal lexicon.

The second is AutoFileName. This one isn’t perfect, as it activates whenever your cursor is between two quotes, as in both class="" and src=""but it’s easily ignored when unwanted. Since splitting functionality across different files is part of the Angular way, getting the path to those files can be a pain in the ass. This plugin helps autocomplete paths by showing all possible files and folders starting at the top level and narrowing as you type.

Tune in later this week when maybe I realize it’s not so bad or I think we should burn it all down and just use Lisp instead.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s