Angular Anguish and n00b News (Sublime Text Plugins to help with Angular)
Published on: 2016-08-08
Written 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
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
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.Back to the blog