Coloro che sono in fase di sviluppo conosceranno già Angular, un framework open source creato per lo sviluppo di applicazioni web dinamiche. È sviluppato da Google ed è di natura multipiattaforma. Bene, wche tu sia uno sviluppatore esperto o che tu abbia appena iniziato con Angular, il primo passo è installarlo. Quindi, in questa guida, forniremo i comandi che puoi utilizzare per installare Angular su Windows 10 o 11 proprio come facciamo sui sistemi Linux.
Ma perché usare Angular?
Prima di immergerci nel processo di installazione, conosciamo rapidamente alcuni vantaggi dell'utilizzo di Angular, che vale la pena considerare per lo sviluppo web. Angular offre un framework robusto e strutturato per la creazione di applicazioni web moderne. È noto per:
- La sua architettura basata su componenti consente di creare e mantenere facilmente applicazioni complesse.
- Le applicazioni Web create utilizzando Angular funzionano perfettamente su varie piattaforme e dispositivi.
- Angular ottimizza la tua applicazione per prestazioni migliori, facendola caricare rapidamente e funzionare senza intoppi.
- Comunità attiva, disponibilità di ampie risorse, tutorial e supporto per lo sviluppo Angular.
Passaggio 1. Apri PowerShell o CMD come amministratore
Qui stiamo usando PowerShell ma puoi usare anche il prompt dei comandi perché i passaggi saranno gli stessi in entrambi. Tuttavia, assicurati di accedervi come amministratore perché abbiamo bisogno dei diritti di superutente per installare le applicazioni utilizzando la riga di comando.
Tuttavia, per dare un'idea, basta fare clic su Windowsiniziopulsante e cerca PowerShell o CMD, quindi fai clic sull'opzione - "Esegui come amministratore“
Passo 2. Controlla Winget disponibile
Su tutti i sistemi Windows 11, inclusa l'ultima versione di Windows 10, gli utenti avranno chiamato il gestore pacchetti di MicrosoftAla. Tuttavia, per confermare la sua presenza sul tuo sistema, digita il comando indicato dopo aver aperto Powershell o CMD.
winget -v
Nell'output vedrai la versione corrente del gestore pacchetti, a conferma che è disponibile per l'uso.
Passaggio 3. Installa Node.js e NPM
Innanzitutto, dobbiamo avere Node.js e il suo gestore di pacchetti NPM (Node Package Manager) sul nostro sistema Windows 10 o 11. Abbiamo bisogno di NPM non solo per installare Angular ma anche per ottenere gli strumenti di cui abbiamo bisogno per creare le nostre applicazioni web.
Quindi, utilizzando il tuo Winget, installa Nodejs con quell'NPM che sarà automaticamente sul tuo sistema. L'ultima versione di Node era la 20 mentre scrivevo questo articolo, ma Angular supporta solo la versione LTS, quindi opteremo per la versione 18.x di Node.js.
winget install OpenJS.NodeJS.LTS
Attendi qualche secondo, il sistema imposterà per te questo ambiente di runtime JavaScript,
Ora chiudi il terminale di comando o PowerShell e riaprilo, in modo che gli strumenti di comando Node e NPM possano essere riconosciuti dal sistema. Per verificare la versione di Node e NPM installati puoi utilizzare:
node -v
npm -v
Inoltre, è essenziale mantenere le cose aggiornate. Puoi aggiornarenpmeseguendo il seguente comando nel terminale:
npm install -g npm@latest
Passaggio 4. Installazione della CLI Angular su Windows 10 o 11
Angular CLI (Command Line Interface) su Windows semplifica il processo di creazione, creazione e distribuzione di applicazioni Angular. Per installarlo, attenersi alla seguente procedura:
Avresti già il prompt dei comandi di Windows o PowerShell con privilegi di amministratore. Quindi, esegui semplicemente il seguente comando per installare Angular CLI a livello globale:
npm install -g @angular/cliUna volta completata l'installazione, puoi verificare l'installazione controllando la versione della CLI di Angular:
Tuttavia, prima di verificare la versione di Angular, abilita l'esecuzione degli script PowerShell che è disabilitata per impostazione predefinita. Senza di te riusciresti a scappareDicomandi dello strumento. Quindi, esegui:
Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSignedPremereYe premi ilEntrachiave.
Dopo quella corsa:
ng versionDovresti vedere la versione di Angular CLI che hai installato.
Nota: Se ricevi il comando non trovato, chiudi e apri nuovamente PowerShell o CMD.
Passaggio 5. Creazione del tuo primo progetto Angular
Ora che abbiamo installato la CLI Angular sul nostro sistema Windows 11 o 10, è tempo di iniziare con il passaggio iniziale e creiamo un sempliceProgetto angolare per capire come funziona.
Crea una directory in cui desideri salvare il file di progetto Angular, diciamo:La miaApp
mkdir myapp
Ora passa a questodirectory utilizzando il fileCDcomando nel tuo terminale.
cd myapp
Esegui il comando seguente per generare un nuovo progetto Angular:
ng new my-first-app
Sostituire "la mia prima app" con il nome del progetto desiderato.
La CLI Angular ti chiederà di scegliere alcune opzioni di configurazione per il tuo progetto. Per ora puoi scegliere le opzioni predefinite premendo il pulsanteEntrachiave.
Una volta generato il progetto, accedere alla cartella del progetto:
cd my-first-app
Infine, avvia il server di sviluppo Angular eseguendo:
ng serve
Questo compilerà la tua applicazione Angular e la renderà disponibile per l'anteprima suhttps://localhost:4200/. Apri il browser e punta a quello.
6. Disinstallazione (opzionale)
Nel caso in cui dopo qualche tempo desideri rimuovere Angular da Windows utilizzando Powershell o terminale CMD, ecco i comandi da seguire:
Per rimuovere solo Angular:
npm remove -g @angular/cli
Per rimuovere Nodejs e NPM:
winget uninstall OpenJS.NodeJS.LTS
Conclusione
In questo modo potremo utilizzare facilmente il prompt dei comandi di Windows 10 o 11 non solo per installare Angular ma anche per creare progetti e gestirli. Questo framework open source è abbastanza potente per la creazionemoderne applicazioni web e, con la giusta installazione e configurazione, sei sulla buona strada per diventare uno sviluppatore Angular.
Altri articoli:
