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 node-js vscode

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How to Hire Node.js Developers And How Much Does It Cost?

A Guide to Hire Node.js Developers who can help you create fast and efficient web applications. Also, know how much does it cost to hire Node.js Developers.

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.

Hands on with Node.Js Streams | Examples & Approach

The practical implications of having Streams in Node.js are vast. Nodejs Streams are a great way to handle data chunks and uncomplicate development.

Node.js Performance: Node.js vs. Io.js

You may already be aware that Raygun uses Node.JS for our API nodes that receive your precious crash reporting data (we also do node.js crash reporting if you’re interested). We’ve peaked in the past at more than 110,000 requests per second coming...