Angular è un framework di sviluppo di applicazioni front-end open source, popolare e altamente estensibile, utilizzato per la costruzione di applicazioni mobili e web utilizzando TypeScript/JavaScript e altri linguaggi comuni.
Angular è un termine ombrello per tutte le versioni di Angular che vengono dopo AngularJS (o Angular versione 1.0) inclusi Angular 2 e Angular 4.
Angular è particolarmente adatto per la costruzione di applicazioni di piccole e grandi dimensioni da zero. Uno dei componenti chiave della piattaforma Angular per aiutare lo sviluppo delle applicazioni è l’utilità Angular CLI: è uno strumento da riga di comando semplice e facile da usare utilizzato per creare, gestire, compilare e testare applicazioni Angular.
In questo articolo, spiegheremo come installare lo strumento da riga di comando Angular su un sistema Linux e apprenderemo alcuni esempi di base di questo strumento.
Installazione di Node.js in Linux
Per installare Angular CLI, è necessario avere l’ultima versione di Node.js e NPM installati sul proprio sistema Linux.
Installare Node.js su Ubuntu
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\ $ sudo apt-get install -y nodejs
Installare Node.js su Debian
------------- For Node.js v19.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\ $ sudo apt-get install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\ $ sudo apt-get install -y nodejs
Installare Node.js su RHEL, CentOS, Fedora, Rocky & Alma Linux
------------- For Node.js v19.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v18.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v16.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - $ sudo yum install -y nodejs ------------- For Node.js v14.x ------------- $ curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash - $ sudo yum install -y nodejs
Inoltre, per compilare e installare componenti aggiuntivi nativi da NPM potresti aver bisogno di installare gli strumenti di sviluppo sul tuo sistema come segue.
$ sudo apt install -y build-essential [On Debian/Ubuntu] $ sudo yum install gcc-c++ make [On RHEL Systems]
Installare Angular CLI in Linux
Una volta installati Node.js e NPM, come mostrato sopra, puoi installare Angular CLI utilizzando il gestore di pacchetti npm come segue (il flag -g significa installare lo strumento a livello di sistema per essere utilizzato da tutti gli utenti del sistema).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Puoi avviare Angular CLI utilizzando l’eseguibile ng che dovrebbe essere ora installato sul tuo sistema. Esegui il seguente comando per verificare la versione di Angular CLI installata.
# ng version OR # ng --version
Creazione di un Progetto Angular Utilizzando Angular CLI
In questa sezione, mostreremo come creare, compilare e servire un nuovo, semplice progetto Angular. Per prima cosa, spostati nella directory webroot del tuo server, quindi inizializza una nuova applicazione Angular come segue (ricorda di seguire i prompt):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
Successivamente, spostati nella directory dell’applicazione appena creata e servila come mostrato.
# cd tecmint-app # ls #list project files # ng serve
Prima di poter accedere alla tua nuova app da un browser web, se hai un servizio firewall in esecuzione, devi aprire la porta 4200 nella configurazione del firewall come mostrato.
---------- On Firewalld ---------- # firewall-cmd --permanent --zone=public --add-port=4200/tcp # firewall-cmd --reload ---------- On UFW ---------- $ sudo ufw allow 4200/tcp $ sudo ufw reload
Ora puoi aprire un browser web e navigare utilizzando l’indirizzo seguente per vedere la nuova app in esecuzione come mostrato nello screenshot seguente.
http://localhost:4200/ or http://SERVER_IP:4200
Nota: Se si utilizza il comando ng serve per costruire un’applicazione e servirla in locale, come mostrato sopra, il server ricostruisce automaticamente l’app e ricarica la/e pagina/e web quando si modificano uno qualsiasi dei file di origine.
Per ulteriori informazioni riguardanti lo strumento ng, eseguire il seguente comando.
# ng help
La pagina iniziale di Angular CLI: https://angular.io/cli
In questo articolo, abbiamo mostrato come installare Angular CLI su diverse distribuzioni Linux. Abbiamo anche trattato come costruire, compilare e servire una semplice applicazione Angular su un server di sviluppo. Per qualsiasi domanda o pensiero che desideri condividere con noi, utilizza il modulo di feedback qui sotto.
Source:
https://www.tecmint.com/install-angular-cli-on-linux/