Pages

Tuesday, 29 November 2016

Installing node npm using nvm (node version manager) in ubuntu 16.04

                                                                                Following the path of ruby, developers of node also created node version manager (nvm) just like ruby version manager (rvm) to manage multiple node versions in the same operating system. So guys in this post i am gonna show you all how to install node version manager in ubuntu 16.04 operating system.

so basically open the terminal and run this command


wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash


after running this command run these two command in the terminal

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm


and after that load the shell i.e if you're using bash then run this command in terminal

source ~/.bashrc

and if you're using zsh instead of bash then run this command in terminal

source ~/.zshrc

and thats it now you have access to the nvm command line utility.


to install latest version of node and npm into the system just run this command


Thats it. if you wanna learn more than use this command

nvm --help

There are various command available in nvm to manager and pull new node and npm versions. 

Installing angular-cli in ubuntu 16.04

                                                           Angular-cli is very useful command line utility to develop angular 2 based applications. In this tutorial i am gonna show you guys how you can install angular cli in ubuntu 16.04. So first of all let me check the version of nodejs installed into my system.

so here is my node version at the time of writing this blog post.


I installed node using node version manager. Follow this tutorial link to install and learn more about node and npm. So now lets get angular-cli installed in our ubuntu operating system.


Running this command with -g flag will install angular-cli globally on your operating system. After running this command you will get access to a command line utility named ng.

So now lets run ng help in the command line & it will give the following output.


lets check the version of angular-cli i installed at the time of writing this post.


Now lets create a test application using angular-cli for that run the following command shown in the picture below.



ng new test_app command will go and create a folder named test app in which it creates some file and installs dependencies via npm. now lets run this project by going into the project and running the command shown in the picture below.



after running command ng serve in the root of the project visit the link http://localhost:4200/ in the browser and voila!