Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Oppiskele Angular-Projektin Rakenne | Angularin Perusteet
Johdatus Angulariin

bookAngular-Projektin Rakenne

Kun luot projektin käyttäen Angular CLI:tä, se luo hyvin jäsennellyn kansio- ja tiedostorakenteen. Tämä rakenne on keskeisessä roolissa koodin järjestämisessä, mikä tekee kehityksestä tehokkaampaa ja laajennettavampaa.

Tässä tutustutaan keskeisiin kansioihin ja tiedostoihin, jotka luodaan automaattisesti uuden Angular-projektin perustamisen yhteydessä.

Projektirakenne

Kun suoritat komennon ng new angular-app, Angular CLI luo seuraavan rakenteen:

📂 src/ – Sovelluksen lähdekoodi.

Tämä kansio sisältää ydintiedostot ja määritykset, joita tarvitaan Angular-sovelluksessasi.

Sovelluskoodi

Määritystiedostot

Lisätiedostot

Angular-sovelluksen käynnistäminen

Käynnistääksesi Angular-sovelluksen, avaa ensin pääte. VS Code -editorissa voit käyttää seuraavia pikanäppäimiä:

  • macOS: Cmd + J tai Cmd + `;

  • Windows: Ctrl + J tai Cmd + `.

Vaihtoehtoisesti valitse ylävalikosta View → Terminal.

Suorita nyt seuraava komento:

Tämä komento kääntää projektin ja käynnistää paikallisen kehityspalvelimen. Kun prosessi on valmis, päätteessä näkyy viesti, jossa on URL-osoite:

Avaa URL-osoite (http://localhost:4200/) selaimessa, jolloin näet Angularin tervetulosivun.

1. Mikä on src-kansion päätarkoitus Angular-projektissa?

2. Mikä on package.json-tiedoston rooli Angular-projektissa?

question mark

Mikä on src-kansion päätarkoitus Angular-projektissa?

Select the correct answer

question mark

Mikä on package.json-tiedoston rooli Angular-projektissa?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 6

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain what each of the main configuration files does in more detail?

What should I do if the Angular welcome page doesn't appear after running the app?

How do I start customizing my Angular app after seeing the welcome page?

Awesome!

Completion rate improved to 3.13

bookAngular-Projektin Rakenne

Pyyhkäise näyttääksesi valikon

Kun luot projektin käyttäen Angular CLI:tä, se luo hyvin jäsennellyn kansio- ja tiedostorakenteen. Tämä rakenne on keskeisessä roolissa koodin järjestämisessä, mikä tekee kehityksestä tehokkaampaa ja laajennettavampaa.

Tässä tutustutaan keskeisiin kansioihin ja tiedostoihin, jotka luodaan automaattisesti uuden Angular-projektin perustamisen yhteydessä.

Projektirakenne

Kun suoritat komennon ng new angular-app, Angular CLI luo seuraavan rakenteen:

📂 src/ – Sovelluksen lähdekoodi.

Tämä kansio sisältää ydintiedostot ja määritykset, joita tarvitaan Angular-sovelluksessasi.

Sovelluskoodi

Määritystiedostot

Lisätiedostot

Angular-sovelluksen käynnistäminen

Käynnistääksesi Angular-sovelluksen, avaa ensin pääte. VS Code -editorissa voit käyttää seuraavia pikanäppäimiä:

  • macOS: Cmd + J tai Cmd + `;

  • Windows: Ctrl + J tai Cmd + `.

Vaihtoehtoisesti valitse ylävalikosta View → Terminal.

Suorita nyt seuraava komento:

Tämä komento kääntää projektin ja käynnistää paikallisen kehityspalvelimen. Kun prosessi on valmis, päätteessä näkyy viesti, jossa on URL-osoite:

Avaa URL-osoite (http://localhost:4200/) selaimessa, jolloin näet Angularin tervetulosivun.

1. Mikä on src-kansion päätarkoitus Angular-projektissa?

2. Mikä on package.json-tiedoston rooli Angular-projektissa?

question mark

Mikä on src-kansion päätarkoitus Angular-projektissa?

Select the correct answer

question mark

Mikä on package.json-tiedoston rooli Angular-projektissa?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 6
some-alt