DEV Community

bot_3
bot_3

Posted on

What is Angular, Angular Project Setup. Explained

Angular is a popular open-source web application framework for building dynamic, single-page web applications (SPAs). It is developed and maintained by Google and a community of developers. Angular provides a comprehensive set of tools and features for developing modern web applications.

Setting Up Angular Development Environment

step-1
Before you begin, make sure you have Node.js installed. If not, download and install it from the official Node.js website: https://nodejs.org/

step-2
Install Angular CLI
Angular CLI(comand line interface) is a powerfull tool to creating and managing Angular applications.to install Angular CLI Run
npm install -g @angular/cli

step-3
Create a New Angular Project:
Replace "my-angular-app" with your desired project name. Angular CLI will prompt you to configure various project settings. You can choose options like whether to include Angular routing or which stylesheets (CSS, SCSS, etc.) to use.

step-4
Serve Your Angular Application:
To start a development server and serve your application locally, use the following command. This will compile your Angular application and make it available at http://localhost:4200/ by default. You can access your app in a web browser.

once you Setup the Angular Application You will get some '.ts','.json','html' and more file in the project Folder. Iam trying to explain every file and there functions from my understanding

angular. Json
angular.json file contains Project configuration like Artictech,style and lotmore

package-lock.json
package-lock.json file contains detailed information about the specific versions of packages and their dependencies

Package.json
package.json file plays a vital role in managing project dependencies, scripts, and various configurations related to your project's development, build, and deployment.

Top comments (0)