Once we have created our new Angular project, It is important to know the Project structure.
Node Modules Folder:
Once we have created the Angular Project, It contains the node_modules folder which contains all the dependencies, libraries and third party packages which your project needs to run. These are all required by your angular project downloaded via npm.
Public Folder:
Public Folder contains all the static resources which does not get compiled by the angular. They will directly served in HTML.You can link to them directly in your HTML.
index.html:
When an Angular application is launched, the index.html file is the primary file that gets loaded in the browser. Although it doesn’t initially include any script or style tags manually, Angular CLI takes care of injecting all required scripts and styles into this file automatically during the build process.
src Folder:
Source(src) folder is the core directory where most of the development takes place. It contains all the components, along with their corresponding HTML, CSS, and TypeScript files. By default, it includes the app folder, which serves as the root module of your Angular application.
main.ts:
This is the very first code file, to be executed when your angular application loads in the browser of your visitors.
angular.json file:
the angular.json file is the core configuration file in the angular project.It defines how the project is built and served, including paths,assets,styles,scripts and build options for the angular/cli. It act's as a blue print of How angular/cli should process your project.
package.json file:
This file lists all the project dependencies, scripts and metadata.It helps manage libraries, run scripts, and track the project version.
package-lock.json file:
This file records exact versions of installed packages to ensure consistent installs across different environment's. It locks the dependency tree.
Click the link To Know About Components in Angular : Components In Angular
0 Comments