Skip to main content

Working with Yeoman


Let's take a look at Yeomen. Yeomen is not part of MEAN Stack but allow us to quickly get startup providing us with generators that can create starter temples. It helps to setup the links between some or all the components of MEAN Stack, without having to do it all by hand. We will be focusing a developing an app with MEAN Stack in the tutorial. Let's begin installing Yeoman using npm.

$npm install -g yo

Now that yeoman is installed we can next install a generator with it. Let's head to yeoman.io website and click discover generators. We going to use the gulp-angular generator.


It will save us a lot of time setting up some tedious tasks that make our development process much faster. Gulp allow us to automate tedious and dependent tasks which are moving files over to publish folder or linking libraries or packages that needed our app. Click the gulp-angular generator and we can see the dependencies we need to install in order to run it. So let's open up our command prompt in order to do that. We also need to install bower, we can type both commands as follow. Bower is a package manager that works in the frontend, and finally, we install the generator.

$npm install -g gulp bower generator-gulp-angular



After installing we can go start our MEAN stack project by typing the following command in the command line inside your project folder.

yo gulp-angular my-test-app



As we create the app we will get asked several questions by the generator. After getting and collecting use statistics you will get ask what version of angular you would like to use. Then it asks what angular models we would like to use. Then ask about jQuery. Next, we will get asked by how we going to handle REST-full services and so on.  After that give a minute or two to install all of that.

After the installing is complete go and initialize it with the gulp command.

$gulp



Next, we can try out our app by typing gulp serve. This should automatically open the browser for us. As we can see the demo application is showing.

$gulp serve



Comments

Post a Comment

Popular posts from this blog

Unit Testing with Mocha

Unit testing is the best way to uncover hidden bugs in your system. JavaScript Community has produced several testing frameworks that will help us with the task of writing Unit Tests. Some of them are Jasmin, Mocha, Jaster, Quint. These are all JavaScript Testing frameworks, that you can use to test JavaScript Code. Today we are going to focus on the Mocha testing framework. Let's go and install Mocha globally that we can use on any of our projects. $ npm install  -g mocha To run a Mocha test all you need is to type mocha. But you need to have directory named test. Before running mocha first make sure you have created a directory call test. $ mocha Now Mocha is ready to use. Now let's go and create our first test. Create a folder MochaTesting anywhere in your folder. This is the folder we are going to work. Inside that folder create a folder called test. Inside the test, folder create a file call my-test.js We are going to use Test Dri...
Post a Comment
Read more

What is an API?

What is an API? The definitions given by WIKIPEDIA - set of   Classes   definitions, protocols, and tools for building   application software. HowStuffWorks- set of programming instructions and standards for accessing a web based software application or web tool. Quora - A contract provided by one piece of computer software to another. If I was to answer that question I will simply say that API is an interface that hires the details of an implementation. For example, the interface retain on a computer has a power button. This is one function of the interface computer manufacture gives us. APIs are usually used for three things. They are used for Performing tasks. For example, we may use tutor’s API to search with reach from Sanfransico.  Retrieving data.  We may use face . -force to achieve receivers friend list.  Manipulating data.  For example, we use android API to add a new contact. What is a web API? A web API...
Post a Comment
Read more