This is where all the node modules that your project depends on are stored.

It can also contain all sorts of other metadata relevant to your project. The package.json file helps npm to identify our project as well as to manage all of it’s dependencies. It has your html, css and javascript in it and it’s where you’ll spend most of your time developing. The app directory contains your static app.

Let’s go over some of the more important things to notice here: Let’s take a look at what Yeoman’s given us: Yeoman will create your files and folders, then it will run bower install (more on this in a moment) and npm install to fetch any dependencies and lastly it’ll perform any mandatory configuration. Sit back (for a few seconds) and watch the generator do its magic. The rest we won’t need for now so answer no. You can answer yes to include Twitter’s bootstrap. The generator will ask you a couple of questions. In a fresh project directory, run: yo angular Now it’s time to generate a shiny new AngularJS application. Run the following to install the AngularJS generator: npm install -g generator-angular We’re going to intall the AngularJS generator to help us get up and running with Angular as quick as possible. One of the best features of Yeoman is the ability to use custom generators. Not only that but there are some great custom generators available to create apps of a particular kind – we’re going to use the nifty AngularJS generator.

It’ll create the basic folders, files and configurations to get you up and running quickly. Yeoman is used to generate the scaffolding of your app for you. In a terminal, run the following: npm install -g yo grunt-cli bowerĪs simply as that, we now have a powerful set of tools at our disposal. We’re going to use the Node Package Manager to do this all at once. The first thing you need to do is install Yeoman, Grunt and Bower.

Npm install angularjs