Requisites (Development Environment) :
- Node JS - Download and install (Latest)
- Visual Studio Code - download and install
- Install Angular CLI (Command Line interface) using the following command in terminal or command prompt npm i -g @angular/cli refer the below image.
if you did the above three steps your system environment is ready for development.
Requisites (knowledge-based) :
- The basic idea about HTML
- The basic idea about CSS
- Basic knowledge with TypeScript or we will discuss it
- Chrome browser debugging ( Inspect element option) or we will discuss it
Create your first project using ng CLI Command Line interface
- Open your visual-studio code
- To open the integrated terminal in Vs Code in view menu click integrated terminal or using the shortcut (Ctrl+`)
- navigate to your project directory using CD (change directory ) command as below
- For Creating new angular Project use NG new <ProjectName> command in the Integrated terminal as below, ex : NG new Session1 and press enter, here Session1 is my project name
- it will take one to two minutes to create the project
- in VsCode menu File , Open Folder , locate your project directory and open it
- you are successfully created the angular project
- use ng serve command to run the project , and view it in the browser
- Web server started and it is listening for the URL http://localhost:4200/
- you can browse it using chrome browser ( recommended) or any latest browser
congratulation you created an angular project successfully.
3 Comments
Great Article
ReplyDeleteAngular Final Year Project Ideas for Computer Science
Project Centers in Chennai
Great work is done and continuing updating more new details about this topic. I like your written way and Thank you...!
ReplyDeleteEmbedded System Course Chennai
Embedded Training in Chennai
Placement Training in Chennai
Soft Skills Training in Chennai
JMeter Training in Chennai
Appium Training in Chennai
Pega Training in Chennai
Power BI Training in Chennai
Tableau Training in Chennai
Oracle Training in Chennai
Advanced Excel Training in Chennai
Well Said, you have furnished the right information that will be useful to anyone at all time. Thanks for sharing your Ideas.
ReplyDeleteWeb Designing Training in Chennai
Web Designing Course in Chennai
Web Designing Training in Bangalore
Web Designing Course in Bangalore
Web Designing Training in Hyderabad
Web Designing Course in Hyderabad
Web Designing Training in Coimbatore
Web Designing Training
Web Designing Online Training