Avatar uživatele
Vojta24

Jak začít s vývojem ANGULAR web aplikace v Ubuntu Linux OS?

Chtěl bych vyzkoušet vývoj angular aplikace. Prosím o nějaký stručný popis jak začít, jak připravit vývojové prostředí a nějakou pokusnou aplikaci, jak ji spustit jak ji posléze umístit na web ?

Používám OS Ubuntu Linux 18.04 LTS

Upravil/a: annas

Zajímavá 2Pro koho je otázka zajímavá? anonym, Roman71 před 2320 dny Sledovat Nahlásit



Nejlepší odpověď
Avatar uživatele
anonym

Odpoveď byla označena jako užitečná

Ahoj, no potřebuješ nainstalovat node.js, npm, angular/cli a nějaký vývojářský editor ve kterém to celé budeš upravovat, ideálně vscode nebo atom.io. Postup ti rozepíšu v bodech jako sled jednoduchých příkazů pro terminál. Bude to rychlejší než někde něco vyklikávat myší, přehazovat ikony a hledat v centru softwaru 🙂. Každý příkaz terminálu uvedu symbolem „$“, cokoliv za tímto znakem jen stačí zkopírovat/vložit do terminálu a potvrdit kl. [Enter].

Instalace podpůrných aplikací curl a git

$ sudo apt install curl git
# curl je potřeba pro následný instalační proces node.js a git se ti bude při vývoji určitě hodit

Instalace node.js

$ curl -sL https://deb.no­desource.com/se­tup_8.x | sudo -E bash -
#POZOR: ty tři tečky tam nepatří, ale odpovědi zkracují odkazy a nedá se to nijak obejít 🙂 Tenhle web na technické dotazy opravdu vhodný není. Zkrátka místo třech teček tam napiš setup8.x
$ sudo apt install -y nodejs

instalace angular/cli

$ sudo npm install -g @angular/cli

instalace editoru vscode

$ sudo snap install vscode –edge –classic

A to je pro začátek vlastně vše. Prostředí je připravené, teď si zkusmo můžeš vytvořit první Angular projekt:

$ ng new novy-angular-projekt

a rovnou se pustit do jeho kódu:

$ code ./novy-angular-projekt

projekt v běžném prohlížeči spustíš příkazem:

$ ng serve -o
#zadaným přímo ve složce nového projektu

Na https://cli.an­gular.io se dozvíš jak v rámci projektu vytvářet nové komponenty, servisy a podobně. Komplet dokumentace k Angularu je na www.angular.io , komponenty material designu najdeš na material.angular.io způsob jejich připojení k projektu je popsán na podstránce /Guides/Getting started.

Upravil/a: anonym

1 NominaceKdo udělil odpovědi nominaci?Odpovědi.cz Nahlásit

Otázka nemá žádné další odpovědi.



Diskuze k otázce

U otázky nebylo diskutováno.

Nový příspěvek
Zajímavé otázky v kategorii Počítače a internet