\ud83d\udc49 node & npm<\/strong> i.e. node package manager<\/em> Node.js v14.x<\/strong>:<\/p>\n\n\n\n Verify with the below commands that Now, we have our verify if\u00a0 it must look something like below: We need to fire below command in our Here, It will create Now, we need to point our As of now, we are in our Angular project folder. We can use below command to serve our application to the browser<\/p>\n\n\n\n
\ud83d\udc49 angular\/cli<\/strong> i.e. command line interface for Angular<\/em>
\ud83d\udc49 Code editor\/IDE<\/strong> i.e.<\/em> VS Code<\/a>, Sublime<\/a> or any you prefer<\/p>\n\n\n\n\ud83e\udd14 If you don’t have these installed in your machine, let’s quickly get it installed.<\/em><\/h3>\n\n\n\n
– installing
node<\/code> & npm<\/code> \ud83d\udc4d<\/h3>\n\n\n\nWindows<\/code>:
download link to node binaries<\/a><\/li>Ubuntu\/Linux<\/code> or MacOS<\/code>:
select your OS to get command<\/a><\/li># Using Ubuntu\ncurl -sL https:\/\/deb.nodesource.com\/setup_14.x | sudo -E bash -\nsudo apt-get install -y nodejs<\/code><\/pre>\n\n\n\nnode<\/code><\/em> and npm<\/code><\/em> fire below commands<\/p>\n\n\n\n# Using Ubuntu\nnode -v\nnpm -v<\/code><\/pre>\n\n\n\n– Let’s get your hand dirty \ud83d\udd90\ufe0f<\/h2>\n\n\n\n
npm<\/code> (node package manager)<\/em> installed, we can use it to install Angular in our system.
Use below command to install Angular CLI<\/code><\/p>\n\n\n\nnpm install -g @angular\/cli \n\nOR \n\n#for specific version, use below command\nnpm install -g @angular\/cli@6.1.3\n\n#this will install specific version of Angular 6.1.3<\/code><\/pre>\n\n\n\nAngular CLI<\/code>\u00a0is installed successfully, fire below command<\/p>\n\n\n\nng v<\/code><\/pre>\n\n\n\n
<\/a><\/p>\n\n\n\n– Now, we will create our first Angular project<\/h2>\n\n\n\n
terminal\/command prompt<\/code> to create our project<\/p>\n\n\n\nng new angular-app<\/code><\/pre>\n\n\n\nng new<\/code> is used to create new project and angular-app<\/code> is your Angular project name.<\/p>\n\n\n\nAngular project<\/code> with default template provided by Angular<\/code> itself. To have a quick look on it, we can goto our browser and visit default url served by Angular i.e. http:\/\/localhost:4200<\/a><\/em><\/p>\n\n\n\nterminal<\/code> to Angular project, to achieve this use this command<\/p>\n\n\n\ncd angular-app<\/code><\/pre>\n\n\n\n# to just serve and visit http:\/\/localhost:4200\nng serve\n\n# to serve it on it's default browser\nng serve -o<\/code><\/pre>\n\n\n\nWow \ud83e\udd29, we just created an Angular application. It was super easy, isn’t it.<\/h3>\n\n\n\n
– Find the helping visuals \ud83c\udfac below here:<\/h3>\n\n\n\n
![<\/a><\/p>\n\n\n\n– Now, we will create our first Angular project<\/h2>\n\n\n\nWe need to fire below command in our terminal\/command prompt<\/code> to create our project<\/p>\n\n\n\nng new angular-app<\/code><\/pre>\n\n\n\nHere, ng new<\/code> is used to create new project and angular-app<\/code> is your Angular project name.<\/p>\n\n\n\nIt will create Angular project<\/code> with default template provided by Angular<\/code> itself. To have a quick look on it, we can goto our browser and visit default url served by Angular i.e. http:\/\/localhost:4200<\/a><\/em><\/p>\n\n\n\nNow, we need to point our terminal<\/code> to Angular project, to achieve this use this command<\/p>\n\n\n\ncd angular-app<\/code><\/pre>\n\n\n\nAs of now, we are in our Angular project folder. We can use below command to serve our application to the browser<\/p>\n\n\n\n# to just serve and visit http:\/\/localhost:4200\nng serve\n\n# to serve it on it's default browser\nng serve -o<\/code><\/pre>\n\n\n\nWow \ud83e\udd29, we just created an Angular application. It was super easy, isn’t it.<\/h3>\n\n\n\n– Find the helping visuals \ud83c\udfac below here:<\/h3>\n\n\n\n\n](\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--x6zTpb9b--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880\/https:\/\/dev-to-uploads.s3.amazonaws.com\/i\/wyx0u7gtnnsk1rcui5ne.png\"){kind=link}