Una piattaforma JavaScript liberamente accessibile per la creazione di app dinamiche si chiama Angular.js. Ti consente di rappresentare ogni aspetto della tua applicazione in modo rapido e inequivocabile estendendo la sintassi dell'HTML quando utilizzato come linguaggio del modello. Fornisce una serie di strumenti per scrivere, aggiornare e testare un codice. Offre una vasta gamma di funzionalità tra cui il routing e la gestione dei moduli. Questa guida discute il metodo per installare Angular su Ubuntu 24 passando attraverso l'installazione di Node.js.
Aggiorna e potenzia il sistema
Prima di passare alle installazioni, esaminiamo prima l'aggiornamento del sistema. È necessario aggiornare il sistema Ubuntu 24 perché deve entrare in vigore a breve sulle nuove installazioni senza problemi. Pertanto, utilizziamo le istruzioni di aggiornamento e upgrade all'interno di un singolo comando che viene eseguito con l'aiuto di un'utilità 'apt'.
Aggiornamento sudo apt && sudo aggiornamento adeguato
Dopo aver eseguito questa istruzione, il sistema assegna lo spazio impostato al processo di upgrade e aggiornamento e chiede di confermarlo toccando 'y' o 'n'. Pertanto, è necessario premere 'y' per completare questo processo di aggiornamento come illustrato di seguito. Dopo un po', il nostro sistema verrà aggiornato e aggiornato con successo.
Installa le dipendenze
L'installazione di Angular e Node.js dipende anche da altre utilità. Queste dipendenze includono git, wget, curl e molte altre. Pertanto, dobbiamo installare tali dipendenze in anticipo. Per l'installazione di tali dipendenze, utilizziamo la stessa utility 'apt' nella shell dei comandi e aspettiamo che tutte le dipendenze vengano installate correttamente.
sudo azzeccato installare curl gnupg2 gnupg idiota wget -E
Installa Node.js
Le applicazioni Angular non possono funzionare senza Node.js che è il requisito principale. Pertanto, è necessario installare Node.js prima di procedere all'installazione di Angular su Ubuntu 24. Inoltre, Node.js richiede l'utilità della riga di comando NVM per la sua installazione. Pertanto, utilizziamo l'utilità 'curl' nella shell del terminale per installare prima l'utilità NVM dal repository Github ufficiale. Puoi vedere che dopo l'esecuzione di questa istruzione, l'utilità NVM è stata scaricata e installata.
Ricciolo sudo https: // raw.githubusercontent.com / creazioneix / nvm / maestro / install.sh | bash
Ora è necessario abilitare anche l'ambiente NVM sul sistema Ubuntu 24 Linux. Quindi, eseguiamo il file 'bashrc' utilizzando l'istruzione sorgente in modo che il sistema possa ottenere gli effetti dell'utilità NVM appena installata e impostare l'ambiente.
Fonte ~ / .bashrc
Dopo aver creato un ambiente, il sistema Ubuntu 24 è pronto per installare Node.js alla sua estremità. Per questo, utilizziamo l'utilità 'nvm' appena installata all'interno delle istruzioni di installazione utilizzate nella shell del terminale. Utilizzando queste istruzioni, installiamo l'ultima versione di Node.js 18 sul nostro sistema Ubuntu. Inoltre, lo strumento NVM installa il gestore pacchetti del nodo insieme a Node.js. L'elaborazione inizia scaricando e installando la versione del nodo 18.19.1 dal sito ufficiale. Successivamente, calcola il checksum e crea un alias predefinito.
NVM installare 18
Dopo aver installato con successo Node.js, dobbiamo verificare che sia stato installato e montato nel nostro sistema. Per questo, dobbiamo verificare la versione installata utilizzando il comando 'version' che inizia con la parola chiave 'node'. Inoltre, le precedenti istruzioni di installazione di NVM hanno installato NPM (Node Package Manager) insieme a Node.js. Pertanto, dobbiamo cercare anche la versione NPM. L'output di entrambi i comandi visualizza le versioni come illustrato nella seguente immagine allegata:
Nodo -InNpm -In
Installa la CLI angolare
È ora di compiere i passaggi finali per l'installazione dell'interfaccia della riga di comando Angular dopo aver installato tutte le dipendenze, inclusi NPM e Node.js. Per questo utilizziamo NPM (node package manager) all'interno della shell terminale di Ubuntu 24.
È possibile utilizzare i diritti sudo per l'esecuzione di queste istruzioni di installazione. Questo comando include il collegamento al pacchetto ufficiale di Angular CLI. Il flag '—location' è impostato per aggiungere la CLI Angular a livello globale per il sistema Ubuntu 24 che è accessibile a tutti gli utenti della piattaforma attuale.
Npm installare @ angolare / cli- posizione =globale
Sarebbe utile attendere un po' fino al completamento dell'elaborazione della CLI Angular. Dopo alcune elaborazioni, i pacchetti Angular CLI vengono aggiunti e installati correttamente. In cambio, otterrai il seguente output illustrato sullo schermo del tuo terminale con 232 pacchetti aggiunti in 2 minuti:
Ora è il momento di verificare l'installazione di Angular CLI. Viene fornito con il comando 'ng' che aiuta a eseguire i comandi su Angular CLI. Quindi, cerchiamo la versione installata del comando “ng”. Dopo aver risposto ad alcune domande sull'esecuzione di questo comando di versione, otterremo il seguente output che contiene anche le informazioni relative alla versione di Angular, Node, NPM e OS. Alla fine c'è anche una visualizzazione delle informazioni riguardanti i pacchetti e le loro versioni installate.
Di versione
Crea un'applicazione angolare
È ora di utilizzare Angular CLI per creare una nuova applicazione Angular su Ubuntu 24. Proprio come abbiamo utilizzato l'istruzione 'ng' per verificare la versione di Angular CLI, la useremo anche per creare una nuova applicazione denominata 'test' con l'istruzione parola chiave “nuova”. L'esecuzione avviene ponendo alcune domande. Sarebbe utile se rispondessi a queste domande in base alle tue preferenze e i pacchetti per la tua nuova applicazione verranno installati correttamente.
Di nuovo test
Dopo un po', viene creata una nuova applicazione Angular denominata “test”. Una nuova directory 'test' viene generata nella nostra directory di lavoro, come illustrato dal seguente output allegato:
Dopo aver creato un'applicazione Angular di 'test', dobbiamo eseguirla anche noi. Per farlo, spostati nella directory “test” e utilizza l’utilità “ng” per eseguire il comando “serve”.
CD testDi servire
È inoltre possibile utilizzare lo stesso comando per impostare la porta 4200 per tutte le interfacce di sistema impostando l'host come 0.0.0.0.
Di servire –host 0.0.0.0 –port 4200
Conclusione
Questa guida dimostra come è possibile utilizzare un ambiente Angular per creare qualsiasi applicazione. Sostenendo l'idea, abbiamo dimostrato il metodo per installare Angular su Ubuntu 24 dopo l'installazione e la configurazione di Node.js e NPM. Infine, abbiamo elaborato un modo per creare un'applicazione Angular in Ubuntu 24 utilizzando la CLI Angular.