Rangka Kerja Web

Cara Memasang CLI Angular di Ubuntu 22.04

Cara Memasang CLI Angular di Ubuntu 22.04

CLI Angular adalah alat yang berkuasa yang membolehkan pemaju membuat dan menggunakan aplikasi sudut dengan cepat. Ia menyediakan beberapa arahan untuk membuat dan menggunakan aplikasi berasaskan NG dengan cepat. Kami juga akan merangkumi beberapa ciri CLI Angular. Ciri -ciri CLI sudut termasuk:

  • Membuat projek baru dengan templat yang berbeza
  • Bekerja dengan fail dan aset
  • Projek membina untuk pengeluaran
  • Menjana Perancah Kod

Dalam catatan blog ini, kami akan menunjukkan kepada anda cara memasang CLI sudut di Ubuntu 22.04. Mari kita mulakan!

Langkah 1 - Memasang nod.js

Nod.JS adalah keperluan utama untuk menjalankan aplikasi sudut. Anda boleh memasang nod yang diperlukan.JS menggunakan utiliti baris arahan NVM. Log masuk ke sistem Ubuntu anda dan ikuti:

  1. Gunakan arahan berikut untuk memasang NVM:
    curl https: // mentah.Githubusercontent.com/creationix/nvm/induk/pemasangan.sh | bash
  2. Sekarang aktifkan enviornemnt nvm pada sistem anda.
    sumber ~/.Bashrc
  3. Sehingga hari ini, Angular 14 adalah versi terbaru yang support node.JS 14 LTS dan 16 versi LTS. Perintah berikut akan memasang nod.JS 16 di sistem anda.
    NVM Pasang v16
  4. Perintah di bawah akan memaparkan versi Node dan NPM yang dipasang pada sistem anda.
    nod -v npm -v

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 Pasang @Angular/CLI -lokasi = global
Memasang CLI Angular di Ubuntu 22.04

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

Anda mungkin memerlukan versi sudut yang lebih tua di mesin anda. Untuk memasang arahan run versi sudut tertentu seperti berikut dengan nombor versi.

NPM Install -g @angular/[dilindungi e -mel]10 #Angular 10 NPM Install -g @angular/[dilindungi e -mel]11 #Angular 11 NPM Install -g @angular/[dilindungi e -mel]12 #Angular 12

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.

versi ng
Semak versi sudut yang dipasang

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

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

Langkah 3 - Buat 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 
Ouput ? Adakah anda ingin menambah penghalaan sudut? Ya ? Format stylesheet mana yang ingin anda gunakan? CSS Buat Hello-World/Readme.MD (1064 bait) Buat Hello-World/.EditorConfig (274 bait) Buat Hello-World/.Gitignore (548 bait) Buat Hello-World/Angular.JSON (2947 bait) Buat Hello-World/Pakej.JSON (1042 bait) Buat hello-world/tsconfig.JSON (863 bait) Buat Hello-World/.BrowsersListrc (600 bait) Buat Hello-World/Karma.Conf.JS (1428 bait) Buat Hello-World/TSConfig.aplikasi.JSON (287 bait) Buat Hello-World/TSConfig.spesifikasi.JSON (333 bait) Buat Hello-World/.vscode/extensions.JSON (130 bait) Buat Hello-World/.vscode/pelancaran.JSON (474 ​​bait) Buat Hello-World/.vscode/tugas.JSON (938 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 (2338 bait) Buat Hello-World/Src/Styles.CSS (80 bait) Buat Hello-World/Src/Ujian.TS (749 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 (658 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 (23364 bait) Buat Hello-World/SRC/App/App.komponen.spesifikasi.TS (1088 bait) Buat Hello-World/Src/App/App.komponen.TS (215 bait) ✔ Pakej Dipasang dengan jayanya.

Ini akan membuat direktori bernama Hello-World dalam direktori semasa anda, dan membuat semua fail yang diperlukan 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 hujah baris arahan dan -Port.

ng berkhidmat -host 0.0.0.0 --Port 3001

Menggunakan alamat host 0.0.0.0 Membolehkan permohonan untuk mendengar semua antara muka dan boleh diakses secara terbuka.

Kesimpulan

Kesimpulannya, artikel ini telah menunjukkan kepada anda cara memasang CLI sudut di Ubuntu 22.04. Tutorial ini juga membantu anda membuat aplikasi sudut baru. Sekarang, lawati di sini untuk mengkonfigurasi aplikasi sudut di belakang pelayan Apache. Sekiranya anda menghadapi sebarang masalah atau mempunyai sebarang pertanyaan, sila tinggalkan komen di bawah dan saya akan melakukan yang terbaik untuk membantu anda. Terima kasih untuk membaca!.