Kā instalēt leņķisko CLI uz Linux
Angular ir atvērtā koda, populāra un ļoti paplašināma priekšgala lietojumprogrammu izstrādes sistēma, ko izmanto mobilo un tīmekļa lietojumprogrammu veidošanai, izmantojot TypeScript/JavaScript un citas izplatītas valodas. Angular ir jumta termins visām Angular versijām, kas nāk pēc AngularJS (vai Angular version 1.0), ieskaitot Angular 2 un Angular 4.
Leņķiskais ir labi piemērots mazu un liela mēroga lietojumu veidošanai no jauna. Viena no galvenajām Angular platformas sastāvdaļām, kas palīdz lietotņu izstrādei, ir Angular CLI utilīta - tas ir vienkāršs un viegli lietojams komandrindas rīks, ko izmanto, lai izveidotu, pārvaldītu, izveidotu un testētu Angular lietojumprogrammas.
Šajā rakstā mēs paskaidrosim, kā instalēt Angular komandrindas rīku Linux sistēmā, un uzzināsim dažus šī rīka pamatpiemērus.
Node.js instalēšana Linux
Lai instalētu Angular CLI, Linux sistēmā ir jābūt instalētai jaunākajai Node.js un NPM versijai.
$ 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]
Turklāt, lai apkopotu un instalētu vietējos papildinājumus no NPM, iespējams, sistēmā būs jāinstalē izstrādes rīki šādi.
$ 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 instalēšana Linux
Kad esat instalējis Node.js un NPM, kā parādīts iepriekš, jūs varat instalēt Angular CLI, izmantojot paketes pārvaldnieku npm šādi (karodziņš -g nozīmē instalēt rīku visā sistēmā, lai to izmantotu visiem sistēmas lietotājiem).
# npm install -g @angular/cli OR $ sudo npm install -g @angular/cli
Jūs varat palaist leņķisko CLI, izmantojot izpildāmo failu ng , kas tagad ir jāinstalē jūsu sistēmā. Palaidiet šo komandu, lai pārbaudītu instalētās leņķiskās CLI versiju.
# ng --version
Leņķiskā projekta izveidošana, izmantojot leņķisko CLI
Šajā sadaļā mēs parādīsim, kā izveidot, veidot un apkalpot jaunu pamata Angular projektu. Vispirms pārejiet uz sava servera tīmekļa sakņu direktoriju, pēc tam inicializējiet jaunu Angular lietojumprogrammu šādi (atcerieties izpildīt uzvednes):
# cd /var/www/html/ # ng new tecmint-app #as root OR $ sudo ng new tecmint-app #non-root user
Pēc tam pārejiet uz tikko izveidoto lietojumprogrammu direktoriju un apkalpojiet lietojumprogrammu, kā parādīts.
# cd tecmint-app # ls #list project files # ng serve
Lai varētu piekļūt jaunajai lietotnei, izmantojot tīmekļa pārlūkprogrammu, ja darbojas ugunsmūra pakalpojums, ugunsmūra konfigurācijā ir jāatver 4200 ports, kā parādīts.
---------- 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
Tagad varat atvērt tīmekļa pārlūkprogrammu un pārvietoties, izmantojot šo adresi, lai redzētu, kā darbojas jaunā lietotne, kā parādīts nākamajā ekrānuzņēmumā.
http://localhost:4200/ or http://SERVER_IP:4200
Piezīme. Ja lietojat komandu ng serve, lai izveidotu lietojumprogrammu un apkalpotu to lokāli, kā parādīts iepriekš, serveris automātiski atjauno lietotni un pārlādē tīmekļa lapu (-es), kad maināt kādu no avotiem failus.
Lai iegūtu papildinformāciju par rīku ng, palaidiet šo komandu.
# ng help
Angular CLI mājas lapa: https://angular.io/cli
Šajā rakstā mēs parādījām, kā instalēt Angular CLI dažādos Linux izplatījumos. Mēs aplūkojām arī to, kā izveidot, sastādīt un servēt pamata Angular lietojumprogrammu attīstības serverī. Ja rodas kādi jautājumi vai domas, kuras vēlaties koplietot ar mums, izmantojiet tālāk sniegto atsauksmju veidlapu.