Kerangka kerja web

Cara menginstal sudut cli pada ubuntu 22.04

Cara menginstal sudut cli pada ubuntu 22.04

Angular CLI adalah alat yang ampuh yang memungkinkan pengembang untuk membuat dan menggunakan aplikasi sudut dengan cepat. Ini menyediakan sejumlah perintah untuk membuat dan menggunakan aplikasi berbasis NG dengan cepat. Kami juga akan membahas beberapa fitur sudut CLI. Fitur sudut CLI meliputi:

  • Membuat proyek baru dengan templat yang berbeda
  • Bekerja dengan file dan aset
  • Membangun Proyek untuk Produksi
  • Menghasilkan perancah kode

Di posting blog ini, kami akan menunjukkan kepada Anda cara menginstal Angular CLI di Ubuntu 22.04. Ayo Memulai!

Langkah 1 - Menginstal Node.JS

Node.JS adalah persyaratan utama untuk menjalankan aplikasi sudut. Anda dapat menginstal node yang diperlukan.JS Menggunakan Utilitas Baris Perintah NVM. Masuk ke sistem Ubuntu Anda dan ikuti:

  1. Gunakan perintah berikut untuk menginstal NVM:
    Curl https: // mentah.Githubusercontent.com/creationix/nvm/master/install.Sh | pesta
  2. Sekarang aktifkan NVM Enviornemnt di sistem Anda.
    Sumber ~/.Bashrc
  3. Sampai hari ini, Angular 14 adalah versi terbaru yang Support Node.JS 14 LTS dan 16 LTS versi. Perintah berikut akan menginstal Node.JS 16 di sistem Anda.
    NVM Instal V16
  4. Perintah di bawah ini akan menampilkan versi Node dan NPM yang diinstal pada sistem Anda.
    node -v NPM -V

Langkah 2 - Memasang CLI Angular

Setelah menginstal node.JS dan NPM pada sistem Anda, gunakan perintah berikut untuk menginstal alat CLI Angular di sistem Anda.

NPM Instal @Angular/CLI --Lokasi = Global
Memasang CLI Angular di Ubuntu 22.04

Versi terbaru dari Angular CLI akan diinstal pada sistem Ubuntu Linux Anda.

Anda mungkin memerlukan versi sudut yang lebih tua di mesin Anda. Untuk menginstal perintah Run Versi Angular tertentu sebagai berikut dengan nomor versi.

Instal NPM -G @Angular/[Email Dilindungi]10 #Angular 10 Instal NPM -G @Angular/[Email Dilindungi]11 #Angular 11 Instal NPM -G @Angular/[Email Dilindungi]12 #Angular 12

Menggunakan perintah -g di atas akan menginstal alat CLI sudut secara global. Jadi itu akan dapat diakses oleh semua pengguna dan aplikasi di sistem. Angular CLI memberikan perintah Ng digunakan untuk operasi baris perintah. Mari kita periksa versi NG yang diinstal di sistem Anda.

Versi NG
Periksa versi sudut yang diinstal

Antarmuka baris perintah sudut telah diinstal pada sistem Anda. Untuk aplikasi yang ada, dapat memulai pekerjaan Anda dan mengabaikan artikel REST.

Ikuti langkah selanjutnya untuk membuat aplikasi sudut baru di sistem Anda.

Langkah 3 - Buat Aplikasi Angular Baru

Anda dapat menggunakan perintah NG untuk membuat aplikasi sudut baru. Buat aplikasi bernama Hello-World Menggunakan Alat Baris Perintah Angular. Jalankan perintah di bawah ini di terminal:

NG New Hello-World 
Ouput ? Apakah Anda ingin menambahkan perutean sudut? Ya ? Format stylesheet mana yang ingin Anda gunakan? CSS Buat Hello-World/ReadMe.MD (1064 byte) Buat hello-world/.EditorConfig (274 byte) Buat Hello-World/.gitignore (548 byte) Buat hello-world/angular.JSON (2947 byte) Buat Hello-World/Paket.JSON (1042 byte) Buat hello-world/tsconfig.JSON (863 byte) Buat hello-world/.BrowsersListrc (600 byte) Buat Hello-World/Karma.conf.JS (1428 byte) Buat hello-world/tsconfig.aplikasi.JSON (287 byte) Buat hello-world/tsconfig.spec.JSON (333 byte) Buat Hello-World/.vscode/ekstensi.JSON (130 byte) Buat Hello-World/.vscode/peluncuran.JSON (474 ​​byte) Buat hello-world/.vscode/tugas.JSON (938 byte) Buat hello-world/src/favicon.ICO (948 byte) Buat hello-world/src/index.HTML (296 byte) Buat hello-world/src/main.TS (372 byte) Buat hello-world/src/polyfills.TS (2338 byte) Buat hello-world/src/styles.CSS (80 byte) Buat hello-world/src/tes.TS (749 byte) Buat hello-world/src/aset/.Gitkeep (0 byte) Buat hello-dorld/src/lingkungan/lingkungan.melecut.TS (51 byte) Buat hello-world/src/lingkungan/lingkungan.TS (658 byte) Buat hello-world/src/app/app-routing.modul.TS (245 byte) Buat hello-world/src/app/app.modul.TS (393 byte) Buat hello-world/src/app/app.komponen.CSS (0 byte) Buat hello-world/src/app/app.komponen.HTML (23364 byte) Buat Hello-World/SRC/App/App.komponen.spec.TS (1088 byte) Buat hello-world/src/app/app.komponen.TS (215 byte) ✔ Paket yang diinstal dengan sukses.

Ini akan membuat direktori bernama Hello-World di direktori Anda saat ini, dan membuat semua file yang diperlukan untuk aplikasi sudut.

Langkah 4 - Sajikan Aplikasi Angular

Aplikasi sudut dasar Anda siap untuk disajikan. Beralih ke Direktori Hello-World dan kemudian jalankan aplikasi Angular Anda menggunakan perintah NG Serve.

CD Hello-World NG melayani

Secara default aplikasi sudut dijalankan pada port 4200. Anda dapat mengakses sistem Anda di port 4200 untuk membuka aplikasi sudut, seperti:

  • http: // localhost: 4200

Anda dapat mengubah host dan port untuk menjalankan aplikasi sudut dengan menyediakan argumen baris perintah -host dan -port.

NG Serve - -Host 0.0.0.0 --port 3001

Menggunakan alamat host 0.0.0.0 Memungkinkan aplikasi untuk mendengarkan di semua antarmuka dan dapat diakses secara publik.

Kesimpulan

Kesimpulannya, artikel ini telah menunjukkan kepada Anda cara menginstal CLI sudut pada Ubuntu 22.04. Tutorial ini juga membantu Anda membuat aplikasi sudut baru. Sekarang, kunjungi di sini untuk mengonfigurasi aplikasi sudut di belakang server Apache. Jika Anda mengalami masalah apa pun atau memiliki pertanyaan, silakan tinggalkan komentar di bawah ini dan saya akan melakukan yang terbaik untuk membantu Anda. Terima kasih sudah membaca!.