DirectivesĪngularJS uses directives as keywords in the html to change the view in different ways. Your application should pop up into a browser or you can get to it by going to Now I’ll show you some of the major concepts using a sample application that I have been creating for CirrusLabs. Run the following command to start your application server using Grunt. Once your command prompt comes back your sample AngularJS application is done building. Your AngularJS application framework will start building in your system. Then hit enter again to include the selected modules. Enter Y (or just hit enter) for including bootstrap. We won’t be using these as part of this application. Now run this command to create the structure for our angular app:Įnter N when asked to use Gulp and Sass. $> npm install -g grunt-cli bower yo generator-karma generator-angularĬreate a new directory for your app and navigate to it. Note: you may need to run this command as root.

Load up a terminal and run this command to install the Yeoman generator, Grunt, Bower, and Karma. We’ll be using the Yeoman generator for AngularJS ( ). Let’s start by getting an application set up.

Have you ever thought about learning AngularJS but didn’t know where to start? Today I’m going to show you how to quickly spin up an AngularJS 1.6.x application using a couple of different tools and then touch on the important AngularJS concepts to get you started.

Npm angularjs