<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724686762286/e962a0d4-3a86-4807-9f1b-d072668472fe.png" alt class="image--center mx-auto" /></p>
<ol>
<li><h3 id="heading-install-first-node-js-long-term-support-and-updated-is-more-recommendable-version"><code>Install first NODE JS Long Term Support and Updated is more recommendable version.</code></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724686868942/7e68afbf-935b-47ed-a889-23bd7f411762.png" alt class="image--center mx-auto" /></p>
<ol start="2">
<li><h3 id="heading-also-for-your-future-use-this-is-how-to-see-version-and-identify-if-you-have-already-a-git"><code>Also, for your future use, this is how to see version and identify if you have already a Git.</code></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724687000698/82d9fac5-2fca-4511-b881-842a254521bb.png" alt class="image--center mx-auto" /></p>
<ol start="3">
<li><h3 id="heading-after-you-install-node-js-this-how-check-your-version-of-you-installed-node-js"><code>After you install Node JS, this how check your version of you installed Node JS.</code></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724687115244/2132571a-7eb5-47ee-be6f-caaa998b3f0c.png" alt class="image--center mx-auto" /></p>
<ol start="4">
<li><h3 id="heading-installing-angular-cli"><code>Installing Angular CLI</code></h3>
</li>
</ol>
<h3 id="heading-it-helps-this-tool-to-manage-angular-projects"><code>It helps this tool to manage Angular Projects.</code></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724687421036/801563f4-8a3e-45ba-aef7-1d32359d3dd2.png" alt class="image--center mx-auto" /></p>
<ol start="5">
<li><h3 id="heading-create-folder-named-rhedaligan-to-its-default-my-angular-app-just-to-change-my-workspace-folder"><code>CREATE FOLDER named "Rhedaligan" to its default my-angular-app just to change my workspace folder.</code></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724687872103/e9043b2f-fd33-4726-b62c-2ea53fada4cd.png" alt class="image--center mx-auto" /></p>
<ol start="6">
<li><h3 id="heading-installing-to-create-packages-frameworks-for-new-angular-projects"><code>INSTALLING to CREATE Packages/ Frameworks for New Angular Projects.</code></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724687983374/58844942-3eb4-4689-a734-4d3967a59ad0.png" alt class="image--center mx-auto" /></p>
<ol start="7">
<li><h3 id="heading-you-can-do-a-path-file-direction-wisely-code-is-the-best-practice-to-direct-you-in-your-text-editor"><code>You can do a path file direction. Wisely, Code . is the best practice to direct you in your Text Editor.</code></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724688082783/045f34b4-25c9-4e97-8a23-6474e9693f1b.png" alt class="image--center mx-auto" /></p>
<ol start="8">
<li><h3 id="heading-change-default-content-of-appcomponenthtml-depends-on-what-instructionsactivity-provided"><code>Change Default Content of app.component.html depends on what instructions/activity provided.</code></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724688267884/7c5e48bb-ba4d-4f68-af35-e623f0d9f62c.png" alt class="image--center mx-auto" /></p>
<ol start="9">
<li><h3 id="heading-install-angular-extension"><code>INSTALL ANGULAR EXTENSION</code></h3>
</li>
</ol>
<h3 id="heading-it-will-display-in-your-file-if-you-dont-have-yet-this-extension-for-your-angular"><code>It will display in your file if you don't have yet this extension for your Angular.</code></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724688344095/a42a5a99-b855-4f8a-b895-f5310962c3f9.png" alt class="image--center mx-auto" /></p>
<ol start="10">
<li><h3 id="heading-to-operate-and-run-for-server-angular-projects"><code>TO OPERATE AND RUN FOR SERVER ANGULAR PROJECTS</code></h3>
</li>
</ol>
<h3 id="heading-this-command-can-do-in-terminal-in-text-editor-im-using-visual-studio-code-or-external-cmd-within-the-file-just-search-cmd-in-search-bar"><code>This command can do in terminal in Text Editor (I'm using Visual Studio Code) or external cmd within the file just search cmd in search bar.</code></h3>
<h3 id="heading-the-link-provided-below-localhost-just-click-ctrl-click-button-to-direct-you-in-your-angular-website"><code>The link provided below localhost just click CTRL + Click button to direct you in your Angular Website.</code></h3>
<p>GITHUB LINK:</p>
<p><a target="_blank" href="https://github.com/Rhedaligan8/SIA102Activities">Rhedaligan8/SIA102Activities (github.com)</a></p>
<p><a target="_blank" href="https://github.com/Rhedaligan8/SIA102Activities">Rhedaligan8/SIA102Activities (github.com)</a></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724688579714/c3412c55-c959-4773-af12-efb50857e172.png" alt class="image--center mx-auto" /></p>
<ol start="11">
<li><h2 id="heading-output-of-code"><code>OUTPUT OF CODE</code></h2>
</li>
</ol>


![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724686762286/e962a0d4-3a86-4807-9f1b-d072668472fe.png align="center")

1. ### `Install first NODE JS Long Term Support and Updated is more recommendable version.`
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724686868942/7e68afbf-935b-47ed-a889-23bd7f411762.png align="center")

2. ### `Also, for your future use, this is how to see version and identify if you have already a Git.`
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724687000698/82d9fac5-2fca-4511-b881-842a254521bb.png align="center")

3. ### `After you install Node JS, this how check your version of you installed Node JS.`
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724687115244/2132571a-7eb5-47ee-be6f-caaa998b3f0c.png align="center")

4. ### `Installing Angular CLI`
    

### `It helps this tool to manage Angular Projects.`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724687421036/801563f4-8a3e-45ba-aef7-1d32359d3dd2.png align="center")

5. ### `CREATE FOLDER named "Rhedaligan" to its default my-angular-app just to change my workspace folder.`
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724687872103/e9043b2f-fd33-4726-b62c-2ea53fada4cd.png align="center")

6. ### `INSTALLING to CREATE Packages/ Frameworks for New Angular Projects.`
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724687983374/58844942-3eb4-4689-a734-4d3967a59ad0.png align="center")

7. ### `You can do a path file direction. Wisely, Code . is the best practice to direct you in your Text Editor.`
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724688082783/045f34b4-25c9-4e97-8a23-6474e9693f1b.png align="center")

8. ### `Change Default Content of app.component.html depends on what instructions/activity provided.`
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724688267884/7c5e48bb-ba4d-4f68-af35-e623f0d9f62c.png align="center")

9. ### `INSTALL ANGULAR EXTENSION`
    

### `It will display in your file if you don't have yet this extension for your Angular.`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724688344095/a42a5a99-b855-4f8a-b895-f5310962c3f9.png align="center")

10. ### `TO OPERATE AND RUN FOR SERVER ANGULAR PROJECTS`
    

### `This command can do in terminal in Text Editor (I'm using Visual Studio Code) or external cmd within the file just search cmd in search bar.`

### `The link provided below localhost just click CTRL + Click button to direct you in your Angular Website.`

GITHUB LINK:

[Rhedaligan8/SIA102Activities (github.com)](https://github.com/Rhedaligan8/SIA102Activities)

[Rhedaligan8/SIA102Activities (github.com)](https://github.com/Rhedaligan8/SIA102Activities)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1724688579714/c3412c55-c959-4773-af12-efb50857e172.png align="center")

11. ## `OUTPUT OF CODE`

ACTIVITY 6: Getting Started with Angular | Aligan, Rhed N.

Install first NODE JS Long Term Support and Updated is more recommendable version.

Also, for your future use, this is how to see version and identify if you have already a Git.

After you install Node JS, this how check your version of you installed Node JS.

Installing Angular CLI

It helps this tool to manage Angular Projects.

CREATE FOLDER named "Rhedaligan" to its default my-angular-app just to change my workspace folder.

INSTALLING to CREATE Packages/ Frameworks for New Angular Projects.

You can do a path file direction. Wisely, Code . is the best practice to direct you in your Text Editor.

Change Default Content of app.component.html depends on what instructions/activity provided.

INSTALL ANGULAR EXTENSION

It will display in your file if you don't have yet this extension for your Angular.

TO OPERATE AND RUN FOR SERVER ANGULAR PROJECTS

This command can do in terminal in Text Editor (I'm using Visual Studio Code) or external cmd within the file just search cmd in search bar.

The link provided below localhost just click CTRL + Click button to direct you in your Angular Website.

OUTPUT OF CODE

`Install first NODE JS Long Term Support and Updated is more recommendable version.`

`Also, for your future use, this is how to see version and identify if you have already a Git.`

`After you install Node JS, this how check your version of you installed Node JS.`

`Installing Angular CLI`

`It helps this tool to manage Angular Projects.`

`CREATE FOLDER named "Rhedaligan" to its default my-angular-app just to change my workspace folder.`

`INSTALLING to CREATE Packages/ Frameworks for New Angular Projects.`

`You can do a path file direction. Wisely, Code . is the best practice to direct you in your Text Editor.`

`Change Default Content of app.component.html depends on what instructions/activity provided.`

`INSTALL ANGULAR EXTENSION`

`It will display in your file if you don't have yet this extension for your Angular.`

`TO OPERATE AND RUN FOR SERVER ANGULAR PROJECTS`

`This command can do in terminal in Text Editor (I'm using Visual Studio Code) or external cmd within the file just search cmd in search bar.`

`The link provided below localhost just click CTRL + Click button to direct you in your Angular Website.`

`OUTPUT OF CODE`