Cara memasang cli sudut di ubuntu 20.04

Angular adalah rangka kerja yang paling popular yang digunakan untuk membina aplikasi mudah alih dan web. Angular adalah rangka kerja aplikasi web sumber terbuka yang dibangunkan oleh Google komuniti yang besar. Sehingga hari ini, Angular 10 adalah versi terkini yang tersedia untuk pemasangan. Tutorial ini akan membantu anda memasang modul nod cli sudut di Ubuntu 20 anda.04 Sistem Linux.

Langkah 1 - Memasang nod.js

NVM adalah alat baris arahan untuk memasang dan menguruskan nod.js pada sistem linux. Jadi pertama kita perlu memasang NVM pada sistem kami. Log masuk ke sistem dengan pengguna yang anda perlukan untuk memasang nod.JS, kemudian laksanakan arahan di bawah untuk memasang NVM:

curl https: // mentah.Githubusercontent.com/creationix/nvm/induk/pemasangan.sh | bash  

Selepas itu, anda boleh memasang versi nod pada sistem anda. Anda juga boleh memasang pelbagai versi nod pada sistem tunggal. Jalankan arahan di bawah untuk memuatkan persekitaran dan pasang nod terkini.Versi JS:

sumber ~/.Bashrc NVM memasang nod 

Perintah di atas akan memaparkan versi Node dan NPM yang dipasang pada sistem anda.

Langkah 2 - Memasang CLI Angular

Setelah memasang nod.JS dan NPM pada sistem anda, gunakan arahan berikut untuk memasang alat CLI sudut pada sistem anda.

NPM Install -g @angular/CLI 

Versi terkini CLI sudut akan dipasang pada sistem Ubuntu Linux anda.

NPM Install -g @angular/[dilindungi e -mel]8 #Angular 8 NPM Install -g @angular/[dilindungi e -mel]9 #Angular 9 NPM Install -g @angular/[dilindungi e -mel]10 #Angular 10 

Menggunakan perintah di atas akan memasang alat CLI sudut secara global. Oleh itu, ia akan dapat diakses oleh semua pengguna dan aplikasi pada sistem. CLI sudut menyediakan arahan ng digunakan untuk operasi baris arahan. Mari periksa versi NG yang dipasang pada sistem anda.

ng -version _ _ ____ _ ___ / _ _ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ | / △ \ | '_ \ / _' | | | | |/ _ '| '__ | | | | | | | / ___ \ | | | | (_ | | | _ | | | (_ | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \ ____ | _____ | ___ | | ___/ sudut CLI: 10.1.1 nod: 14.10.1 OS: Linux x64 Angular: ... IVY Workspace: Versi Pakej ----------------------------------------- ----------------- @Angular-Devkit/Arkitek 0.1001.1 @angular-devkit/teras 10.1.1 @Angular-Devkit/Skema 10.1.1 @skema/sudut 10.1.1 @skema/kemas kini 0.1001.1 RXJS 6.6.2 

Antara muka baris perintah sudut telah dipasang pada sistem anda. Untuk permohonan yang ada, boleh memulakan kerja anda dan mengabaikan artikel rehat.

Ikuti langkah seterusnya untuk membuat aplikasi sudut baru pada sistem anda.

Langkah 3 - Membuat aplikasi sudut baru

Anda boleh menggunakan arahan ng untuk membuat aplikasi sudut baru. Buat aplikasi bernama Hello-World menggunakan alat baris perintah sudut. Jalankan arahan di bawah di terminal:

ng hello-world baru 

Pengeluaran:

? Adakah anda ingin menambah penghalaan sudut? Ya ? Format stylesheet mana yang ingin anda gunakan? CSS Buat Hello-World/Readme.MD (1028 bait) Buat Hello-World/.EditorConfig (274 bait) Buat Hello-World/.Gitignore (631 bait) Buat Hello-World/Angular.JSON (3606 bait) Buat Hello-World/Pakej.JSON (1254 bait) Buat Hello-World/TSConfig.JSON (458 bait) Buat hello-world/tslint.JSON (3185 bait) Buat Hello-World/.BrowsersListrc (853 bait) Buat Hello-World/Karma.Conf.JS (1023 bait) Buat Hello-World/TSConfig.aplikasi.JSON (287 bait) Buat Hello-World/TSConfig.spesifikasi.JSON (333 bait) Buat Hello-World/Src/Favicon.ICO (948 bait) Buat Hello-World/Src/Index.HTML (296 bait) Buat Hello-World/Src/Utama.TS (372 bait) Buat Hello-World/Src/Polyfills.TS (2835 bait) Buat Hello-World/Src/Styles.CSS (80 bait) Buat Hello-World/Src/Ujian.TS (753 bait) Buat hello-world/src/aset/.gitkeep (0 bytes) Buat hello-world/src/persekitaran/persekitaran.prod.TS (51 bait) Buat Hello-World/Src/persekitaran/persekitaran.TS (662 bait) Buat Hello-World/Src/App/App-routing.modul.TS (245 bait) Buat Hello-World/Src/App/App.modul.TS (393 bait) Buat Hello-World/Src/App/App.komponen.CSS (0 bytes) Buat Hello-World/Src/App/App.komponen.HTML (25757 bytes) Buat Hello-World/SRC/App/App.komponen.spesifikasi.TS (1072 bait) Buat Hello-World/Src/App/App.komponen.TS (215 bait) Buat Hello-World/E2E/Protractor.Conf.JS (869 bait) Buat Hello-World/E2E/TSConfig.JSON (294 bait) Buat Hello-World/E2E/SRC/App.E2E-SPEC.TS (644 bait) Buat Hello-World/E2E/SRC/App.PO.TS (301 bait) ✔ Pakej Dipasang dengan jayanya. Berjaya dimulakan git. 

Ini akan membuat direktori bernama Hello-World dalam direktori semasa anda, dan membuat semua memerlukan fail untuk aplikasi sudut.

Langkah 4 - Hidangkan aplikasi sudut

Aplikasi sudut asas anda sudah siap untuk disajikan. Beralih ke direktori hello-world dan kemudian jalankan aplikasi sudut anda menggunakan perintah ng servic.

CD Hello-World ng berkhidmat 

Secara lalai aplikasi sudut berjalan di port 4200. Anda boleh mengakses sistem anda di port 4200 untuk membuka aplikasi sudut, seperti:

• http: // localhost: 4200

Anda boleh menukar hos dan pelabuhan untuk menjalankan aplikasi sudut dengan menyediakan argumen baris arahan dan -Port.

ng berkhidmat -host 0.0.0.0 --Port 8080 

Alamat IP 0.0.0.0 mendengar semua antara muka dan boleh diakses secara terbuka.

Kesimpulan

Dalam tutorial ini, anda telah belajar memasang utiliti baris perintah sudut sebagai pakej nod. Tutorial ini juga membantu anda membuat aplikasi sudut baru. Sekarang, lawati di sini untuk mengkonfigurasi aplikasi sudut di belakang pelayan Apache.