Wéi installéiere ech Angular CLI op Linux
Angular ass en Open-Source, populär an héich erweiterbar Front-End Applikatioun Entwécklung Kader, benotzt fir mobil a Web Uwendungen ze bauen mat TypeScript/JavaScript an aner gemeinsam Sproochen. Angular ass e Regenschirmbegrëff fir all Angular Versiounen déi no AngularJS kommen (oder Angular Versioun 1.0) abegraff Angular 2, an Angular 4.
Angular ass gutt gëeegent fir kleng bis grouss Skala Uwendungen vun Null ze bauen. Ee vun de Schlësselkomponente vun der Angular Plattform fir d'Applikatiounsentwécklung ze hëllefen ass den Angular CLI Utility - et ass en einfachen an einfach ze benotzen Kommandozeilinstrument dat benotzt gëtt fir Angular Uwendungen ze kreéieren, ze managen, ze bauen an ze testen.
An dësem Artikel erkläre mir wéi Dir Angular Kommandozeil Tool op engem Linux System installéiere wëllt an e puer grondleeënd Beispiller vun dësem Tool léieren.
Node.js an Linux installéieren
Fir Angular CLI z'installéieren, musst Dir déi lescht Versioun vun Node.js an NPM op Ärem Linux System installéiert hunn.
$ 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]
Och, fir gebierteg Add-ons vun NPM ze kompiléieren an z'installéieren, musst Dir vläicht Entwécklungsinstrumenter op Ärem System installéieren wéi follegt.
$ 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+]
Angular CLI an Linux installéieren
Wann Dir Node.js an NPM installéiert hutt, wéi hei uewen gewisen, kënnt Dir Angular CLI mat dem npm Package Manager installéieren wéi follegt (de -g Fändel heescht d'Installatioun vum Tool systemwäit ze benotzen fir ze benotzen all System Benotzer).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Dir kënnt den Angular CLI starten mat dem ng Ausféierbar deen elo op Ärem System installéiert soll ginn. Fëllt de folgende Kommando aus fir d'Versioun vum Angular CLI installéiert ze kontrolléieren.
# ng --version
En Angular Projet erstellen mat Angular CLI
An dëser Sektioun wäerte mir weisen wéi en neien, Basis Angular Projet erstellen, bauen an déngen. Gitt als éischt an de Webroot Verzeechnes vun Ärem Server, initialiséiert dann eng nei Angular Applikatioun wéi follegt (erënnert un d'Uweisungen ze verfollegen):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
Als nächst gitt an den Applikatiounsverzeichnis dee just erstallt gouf a servéiert d'Applikatioun wéi gewisen.
# cd tecmint-app # ls #list project files # ng serve
Ier Dir op Är nei App vun engem Webbrowser kënnt, wann Dir e Firewall-Service leeft, musst Dir den Hafen 4200 an der Firewall-Konfiguratioun opmaachen wéi gewisen.
---------- 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
Elo kënnt Dir e Webbrowser opmaachen a navigéieren mat der folgender Adress fir déi nei App ze gesinn lafen wéi am folgenden Screenshot gewisen.
http://localhost:4200/ or http://SERVER_IP:4200
Bemierkung: Wann Dir de Kommando ng benotzt fir eng Applikatioun ze bauen an se lokal ze servéieren, wéi hei uewen gewisen, baut de Server automatesch d'App op a lued d'Websäit(en) nei wann Dir eng vun de Quellen ännert Fichieren.
Fir méi Informatioun iwwer de ng Tool, fuert de folgende Kommando.
# ng help
D'Angular CLI Homepage: https://angular.io/cli
An dësem Artikel hu mir gewisen wéi Dir Angular CLI op verschiddene Linux Verdeelungen installéiere kënnt. Mir hunn och iwwerdeckt wéi een eng Basis Angular Applikatioun op engem Entwécklungsserver bauen, kompiléieren an serveren. Fir all Ufroen oder Gedanken, Dir wëllt mat eis deelen, benotzt de Feedbackformular hei ënnen.