In het volgende artikel gaan we Angular bekijken. Vervolgens zullen we zien hoe we dit kunnen installeren open source JavaScript-framework waarmee we webapplicaties van één pagina kunnen ontwikkelen die geschikt zijn voor web / mobiel / desktop.
Dit is een raamwerk dat maakt het eenvoudig om webtoepassingen te maken Angular combineert sjablonen, injectie van afhankelijkheden, end-to-end-tools en ingebouwde best practices om ontwikkelingsuitdagingen op te lossen. Hoekige applicaties zijn gebaseerd op getypte tekst die op zijn beurt is gebaseerd op Javascript.
Hoekige algemene kenmerken
- Hoekig is een van de meest gebruikte Javascript-frameworks om webtoepassingen te maken.
- Dit framework kan werken met puur JavaScript, maar het gebruik van Typescript verbetert de functies en is de aanbevolen optie voor de meeste projecten. Vooral denkend aan de schaalbaarheid ervan.
- Angular converteert sjablonen naar code die in hoge mate is geoptimaliseerd voor de huidige virtuele JavaScript-machines.
- Zal ons toestaan dienen voor het eerste zicht op applicaties in Node.js, .NET, PHP en andere talen om vrijwel onmiddellijk alleen in HTML en CSS weer te geven.
- Hoekige apps worden snel geladen met de nieuwe Component Router. Dit biedt automatische codesplitsing voor gebruikers laad gewoon de code die nodig is om de weergave weer te geven ze vragen.
- We kunnen snel gebruikersinterfaceweergaven maken met een eenvoudige en krachtige sjablonen-syntaxis.
- De Angular CLI-opdrachtregelprogramma's Hiermee kunnen we snel beginnen met bouwen, componenten toevoegen en testen.
Dit zijn slechts enkele algemene kenmerken. Het kan krijg meer informatie over hen in de project website.
Installeer Angular op Ubuntu 18.04 LTS
Allereerst zullen we moeten zorg ervoor dat alle pakketten in ons systeem up-to-date zijn Om dit te doen, hoeft u alleen maar een terminal te openen (Ctrl + Alt + T) en het volgende script uit te voeren:
sudo apt update; sudo apt upgrade
Installatie van NodeJs en NPM
Voordat we doorgaan met de installatie van Angular in Ubuntu 18.04, zullen we dat moeten doen installeer NodeJs en Node Package Manager (NPM) Om het in dezelfde terminal te doen, zullen we de volgende regels uitvoeren:
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - sudo apt-get install -y nodejs
Na het afronden van de installatie van NodeJs gaan we verder met de installatie van NPM:
sudo npm install npm@latest -g
Installeer Angular CLI op Ubuntu
nu we zullen de Angular CLI installeren met behulp van NPM:
sudo npm install -g @angular/cli
Nadat de installatie is voltooid, controleer of het correct is geïnstalleerd met het commando:
ng --version
Git-configuratie
Angular CLI gebruikt git om de benodigde modules te implementeren, dus we hebben zorg ervoor dat we git hebben geconfigureerd Als je je git gebruikersnaam en e-mailadres niet hebt ingesteld, voer je de volgende commando's uit om dit te doen:
git config --global user.email "correo@electronico.com" git config --global user.name "usuario"
Een nieuwe hoekapplicatie maken
Nu we Angular hebben geïnstalleerd, kunnen we dat genereer een "basisstructuur" om een nieuwe applicatie te maken We kunnen dit bereiken met behulp van de CLI die we zojuist hebben geïnstalleerd:
ng new nombre-aplicacion
Met het bovenstaande commando wordt een nieuwe applicatie gemaakt met de naam die we doorgeven. Dit commando zal ons verschillende vragen stellen. De eerste is als u routing wilt gebruiken.
Voor dit voorbeeld ga ik selecteren Nee Bij de volgende vraag wordt gevraagd welk stylesheet-formaat u moet gebruiken. Voor dit voorbeeld selecteren we CSS (de standaard) door op Enter te drukken.
Het installatieproces begint met het implementeren van de benodigde modules en het creëren van de directorystructuur voor onze applicatie.
Lancering Angular App
Op dit punt gaan we naar de map die zojuist voor onze applicatie is gemaakt:
cd nombre-aplicacion
Hier kunnen we voer onze applicatie uit eenvoudig met behulp van de NPM-opdracht:
npm start
Het vorige bevel ons zal een link op het scherm plaatsen die ons vertelt hoe we onze applicatie kunnen zien.
Dit zijn slechts de meest eenvoudige eerste stappen die u kunt nemen met Angular. Het kan krijg meer informatie over dit framework in het officiële documentatie die ze op de projectwebsite hebben gepubliceerd.
Heel erg bedankt voor de gids ... Het heeft me geholpen dit was wat ik nodig had