Com instal·lar Angular CLI a Linux
Angular és un marc de desenvolupament d'aplicacions de front-end de codi obert, popular i altament extensible, utilitzat per crear aplicacions mòbils i web mitjançant TypeScript/JavaScript i altres llenguatges comuns. Angular és un terme paraigua per a totes les versions d'Angular que vénen després d'AngularJS (o versió Angular 1.0), incloent Angular 2 i Angular 4.
Angular és molt adequat per crear aplicacions a petita i gran escala des de zero. Un dels components clau de la plataforma Angular per ajudar al desenvolupament d'aplicacions és la utilitat Angular CLI: és una eina de línia d'ordres senzilla i fàcil d'utilitzar que s'utilitza per crear, gestionar, crear i provar aplicacions Angular.
En aquest article, explicarem com instal·lar l'eina de línia d'ordres Angular en un sistema Linux i aprendrem alguns exemples bàsics d'aquesta eina.
Instal·lació de Node.js a Linux
Per instal·lar Angular CLI, heu de tenir la darrera versió de Node.js i NPM instal·lada al vostre sistema Linux.
$ sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - [for Node.js version 12] $ sudo curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash - [for Node.js version 11] $ sudo curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - [for Node.js version 10] $ sudo apt install -y nodejs
# curl -sL https://deb.nodesource.com/setup_12.x | bash - [for Node.js version 12] # curl -sL https://deb.nodesource.com/setup_11.x | bash - [for Node.js version 11] # curl -sL https://deb.nodesource.com/setup_10.x | bash - [for Node.js version 10] # apt install -y nodejs
# curl -sL https://rpm.nodesource.com/setup_12.x | bash - [for Node.js version 12] # curl -sL https://rpm.nodesource.com/setup_11.x | bash - [for Node.js version 11] # curl -sL https://rpm.nodesource.com/setup_10.x | bash - [for Node.js version 10] # yum -y install nodejs # dnf -y install nodejs [On RHEL 8 and Fedora 22+ versions]
A més, per compilar i instal·lar complements natius de NPM, és possible que hàgiu d'instal·lar eines de desenvolupament al vostre sistema de la manera següent.
$ sudo apt install -y build-essential [On Debian/Ubuntu] # yum install gcc-c++ make [On CentOS/RHEL] # dnf install gcc-c++ make [On RHEL 8/Fedora 22+]
Instal·lació d'Angular CLI a Linux
Un cop hàgiu instal·lat Node.js i NPM, com es mostra més amunt, podeu instal·lar Angular CLI mitjançant el gestor de paquets npm de la manera següent (el senyalador -g
significa instal·lar l'eina a tot el sistema per utilitzar-la per tots els usuaris del sistema).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Podeu llançar l'Angular CLI utilitzant l'executable ng
que ara s'hauria d'instal·lar al vostre sistema. Executeu l'ordre següent per comprovar la versió d'Angular CLI instal·lada.
# ng --version
Creació d'un projecte angular amb Angular CLI
En aquesta secció, mostrarem com crear, construir i servir un projecte Angular nou i bàsic. Primer, aneu al directori arrel web del vostre servidor i, a continuació, inicialitzeu una nova aplicació Angular de la manera següent (recordeu seguir les instruccions):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
A continuació, aneu al directori d'aplicacions que s'acaba de crear i publiqueu l'aplicació tal com es mostra.
# cd tecmint-app # ls #list project files # ng serve
Abans de poder accedir a la vostra nova aplicació des d'un navegador web, si teniu un servei de tallafoc en execució, heu d'obrir el port 4200 a la configuració del tallafoc, tal com es mostra.
---------- On CentOS/RHEL/Fedora ---------- # firewall-cmd --permanent --zone=public --add-port=4200/tcp # firewall-cmd --reload ---------- On Ubuntu/Debian ---------- $ sudo ufw allow 4200/tcp $ sudo ufw reload
Ara podeu obrir un navegador web i navegar amb l'adreça següent per veure que la nova aplicació s'executa tal com es mostra a la captura de pantalla següent.
http://localhost:4200/ or http://SERVER_IP:4200
Nota: Si utilitzeu l'ordre ng
serve per crear una aplicació i servir-la localment, com es mostra més amunt, el servidor reconstruirà automàticament l'aplicació i tornarà a carregar les pàgines web quan canvieu qualsevol de les fonts. Fitxers.
Per obtenir més informació sobre l'eina ng, executeu l'ordre següent.
# ng help
La pàgina d'inici de l'Angular CLI: https://angular.io/cli
En aquest article, hem mostrat com instal·lar Angular CLI en diferents distribucions de Linux. També vam parlar de com crear, compilar i servidor d'una aplicació Angular bàsica en un servidor de desenvolupament. Per a qualsevol consulta o pensament que vulguis compartir amb nosaltres, fes servir el formulari de comentaris que trobaràs a continuació.