Začínáme s Angular

Předpoklady 😇

👉 uzel a npm tj. správce balíčků uzlu
👉 úhlové/kli tj. rozhraní příkazového řádku pro Angular
👉 Editor kódu/IDE tj. VS Code, Sublime nebo jakýkoli jiný, který preferujete

🤔 Pokud je nemáte nainstalované ve svém počítači, pojďme je rychle nainstalovat.

- instalace node &npm 👍

1. pro Windows :
   odkaz ke stažení na binárky uzlu

2. pro Ubuntu/Linux nebo MacOS :
   vyberte svůj operační systém, abyste získali příkaz
   

3. příkaz pro instalaci pomocí správce balíčků přes terminál

Node.js v14.x :

# Using Ubuntu
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

Pomocí níže uvedených příkazů ověřte, že node a npm střílejte pod příkazy

# Using Ubuntu
node -v
npm -v

- Pojďme si ušpinit ruku 🖐️

Nyní máme náš npm (správce balíčků uzlů) nainstalován, můžeme jej použít k instalaci Angular do našeho systému.
Pro instalaci Angular CLI použijte níže uvedený příkaz

npm install -g @angular/cli

ověřte, zda Angular CLI je úspěšně nainstalován, spusťte pod příkazem

ng v

musí to vypadat nějak jako níže:

- Nyní vytvoříme náš první Angular projekt

Musíme spustit pod příkazem v našem terminal/command prompt k vytvoření našeho projektu

ng new angular-app

Zde ng new se používá k vytvoření nového projektu a angular-app je název vašeho projektu Angular.

Vytvoří Angular project s výchozí šablonou poskytnutou Angular sám. Chcete-li se na to rychle podívat, můžeme přejít do našeho prohlížeče a navštívit výchozí adresu URL obsluhovanou Angular tj. http://localhost:4200

Nyní musíme nasměrovat naše terminal do Angular projektu, k dosažení tohoto použijte tento příkaz

cd angular-app

Od této chvíle jsme v naší složce projektu Angular. Můžeme použít níže uvedený příkaz k doručení naší aplikace do prohlížeče

# to just serve and visit http://localhost:4200
ng serve

# to serve it on it's default browser
ng serve -o

Wow 🤩, právě jsme vytvořili aplikaci Angular. Bylo to super snadné, že.

– Pomocné vizuály 🎬 naleznete níže: