How To Build Angular project with Node-js and VS Code

How To Build Angular project with Node-js and VS Code

In this post, we will Build Simple Angular Project using Node.js and VS Code

*Step 1 *- Download Node.js from the (link) and then install Node.js.

Step *2 *- Download VS Code from this (link) and install.

Step 3 - Check the version of Node, to run command on cmd.

node -v  

Step 4 - Open VS Code in your system and run a command to install npm “install npm -2 @angular/cli” Then wait and install the complete package (Library) from the service.

Step 5:- After completing the installation, open VS Code in your system and select a folder to click on the Folder then open this folder in VS Code and then

This is image title

Step 6:- Open a new terminal and run the command “ ng new projectname ( ng new demo )”

ng new demo

and enter

This is image title

Step 7- After running “ ng new demo ” it will show an option to add the routing file on your project. Give your answer  as Y/N ( Y stands for yes and N stand for no) and then enter

This is image title

Step 8 - After selecting the routing it will show an option to select the stylesheet format.

This is image title

Step 9 - After selecting the stylesheet format, it will take 0-10 minutes to create project.  Because it downloads the package from the server it takes more time. 

This is image title

When it is completed it will be shown like this

This is image title

*Step 10 *- Now go to the File option and select open folder then select your folder where you want to store your project and then select project and open in vs code. And open new terminal and write command 

ng serve  

Step 11 - Now run your project, open Chrome browser, and type localhost:4200, and press enter key

This is image title

Step 12- There is a second way to compile and run your project direct.  Run command in terminal 

ng serve -o  

By this command you don’t need to open the browser, your project will run directly.

Thank you for reading!

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Angular 8 Node & Express JS File Upload

In this Angular 8 and Node.js tutorial, we are going to look at how to upload files on the Node server. To create Angular image upload component, we will be using Angular 8 front-end framework along with ng2-file-upload NPM package; It’s an easy to use Angular directives for uploading the files.

How to Implement Server Side Pagination with Angular 8 and Node.js

A simple example of how to implement server-side pagination in Angular 8 with a Node.js backend API.

Difference between Node.js and React.js and Angular.js

AngularJS turned the whole definition of web development through its existence, what was lacking in previous methods of development was inappropriate structure. It merges use of JavaScript with MVC and HTML with DOM. ReactJS is a JavaScript library and has a view, but lacks model & controller components. React introduced the concept of virtual DOM which is regarded as one of the greatest advantages of React in comparison of AngularJS. Node.js is a JavaScript-based platform used for developing real-time network applications like a chat software.