Activity #8 : Getting Started with Angular
Step 1: Install Node.js
Description:
Go to nodejs.org and download the latest version. This will also install npm, which you need for Angular.
Step 2: Install Angular CLI Command:
npm install -g @angular/cli
Description:
Angular CLI is a tool that helps to create and manage Angular projects. This command installs it globally on your computer.
Step 3: Create a New Angular Project Command:
ng new hello-angular
Description:
This command creates a new project called hello-angular. It will ask some questions; just choose 'No' for routing and select CSS for stylesheets.
Step 4: Go to Your Project Folder Command:
cd hello-angular
Description:
Go into the folder of the new project.
Step 5: Open the Project in Code Editor
Description:
Open the project in your code editor, like Visual Studio Code. You can type code . in the terminal if using VS Code.
Go to File and “Open Folder”
Then select the file you created, the it will show like this
Then go to src/app/app.component.html:
Step 6: Change the App Component File Path: src/app/app.component.html
Description:
Open app.component.html and replace what’s inside with:
This changes the main part of the app to show "Hello Monet."
Step 7: Run the Project Command:
ng serve --open
Description:
This command will start the project and open it in your browser. It will show your app with "Hello Monet."
Step 8: See the Result Description: Now, you should see "Hello Monet" on the screen.
This shows that your Angular setup is working fine.
LINK TO MY GITHUB REPOSITORY: https://github.com/MonetForProgrammingPurposes/Activity-8-Getting-Started-with-Angular