Angular 2 - Ambiente

Per iniziare a lavorare con Angular 2, è necessario installare i seguenti componenti chiave.

  • Npm- Questo è noto come il gestore di pacchetti del nodo che viene utilizzato per lavorare con i repository open source. Angular JS come framework ha dipendenze da altri componenti. Enpm può essere utilizzato per scaricare queste dipendenze e allegarle al progetto.

  • Git - Questo è il software del codice sorgente che può essere utilizzato per ottenere l'applicazione di esempio da github sito angolare.

  • Editor- Esistono molti editor che possono essere utilizzati per lo sviluppo di Angular JS come il codice di Visual Studio e WebStorm. Nel nostro tutorial, useremo il codice di Visual Studio che viene fornito gratuitamente da Microsoft.

Installazione di npm

Vediamo ora i passaggi per installare npm. Il sito ufficiale di npm èhttps://www.npmjs.com/

Step 1 - Vai alla sezione "Inizia con npm" nel sito.

Step 2- Nella schermata successiva, scegli il programma di installazione da scaricare, a seconda del sistema operativo. Ai fini di questo esercizio, scarica la versione Windows a 64 bit.

Step 3- Avvia il programma di installazione. Nella schermata iniziale, fare clic sul pulsante Avanti.

Step 4 - Nella schermata successiva, accetta il contratto di licenza e fai clic sul pulsante Avanti.

Step 5 - Nella schermata successiva, scegli la cartella di destinazione per l'installazione e fai clic sul pulsante Avanti.

Step 6- Scegli i componenti nella schermata successiva e fai clic sul pulsante Avanti. È possibile accettare tutti i componenti per l'installazione predefinita.

Step 7 - Nella schermata successiva, fare clic sul pulsante Installa.

Step 8 - Al termine dell'installazione, fare clic sul pulsante Fine.

Step 9- Per confermare l'installazione, nel prompt dei comandi è possibile emettere il comando npm version. Otterrai il numero di versione di npm come mostrato nello screenshot seguente.

Installazione di Visual Studio Code

Di seguito sono riportate le funzionalità di Visual Studio Code:

  • Editor leggero rispetto alla versione effettiva di Visual Studio.

  • Può essere utilizzato per linguaggi di codifica come Clojure, Java, Objective-C e molti altri linguaggi.

  • Estensione Git incorporata.

  • Funzionalità IntelliSense incorporata.

  • Molte altre estensioni per lo sviluppo.

Il sito ufficiale per il codice di Visual Studio è https://code.visualstudio.com/

Step 1- Al termine del download, seguire i passaggi di installazione. Nella schermata iniziale, fare clic sul pulsante Avanti.

Step 2 - Nella schermata successiva, accetta il contratto di licenza e fai clic sul pulsante Avanti.

Step 3 - Nella schermata successiva, scegli la posizione di destinazione per l'installazione e fai clic sul pulsante Avanti.

Step 4 - Scegli il nome del collegamento al programma e fai clic sul pulsante Avanti.

Step 5 - Accetta le impostazioni predefinite e fai clic sul pulsante Avanti.

Step 6 - Fare clic sul pulsante Installa nella schermata successiva.

Step 7 - Nella schermata finale, fare clic sul pulsante Fine per avviare Visual Studio Code.

Installazione di Git

Alcune delle caratteristiche principali di Git sono:

  • Facile ramificazione e fusione del codice.
  • Possibilità di utilizzare molte tecniche per il flusso di codice all'interno di Git.
  • Git è molto veloce se confrontato con altri strumenti SCM.
  • Offre una migliore garanzia dei dati.
  • Gratuito e open source.

Il sito ufficiale di Git è https://git-scm.com/

Step 1- Al termine del download, seguire i passaggi di installazione. Nella schermata iniziale, fare clic sul pulsante Avanti.

Step 2- Scegli i componenti che devono essere installati. È possibile accettare i componenti predefiniti.

Step 3 - Nella fase successiva, scegli il nome del collegamento al programma e fai clic sul pulsante Avanti.

Step 4 - Accetta l'eseguibile SSH predefinito e fai clic sul pulsante Avanti.

Step 5 - Accetta l'impostazione predefinita di "Checkout Windows style, commit dei finali in stile Unix" e fai clic sul pulsante Next.

Step 6 - Ora, accetta l'impostazione predefinita dell'emulatore di terminale e fai clic sul pulsante Avanti.

Step 7 - Accetta le impostazioni predefinite e fai clic sul pulsante Avanti.

Step 8 - Puoi saltare le opzioni sperimentali e fare clic sul pulsante Installa.

Step 9 - Nella schermata finale, fare clic sul pulsante Fine per completare l'installazione.