Rumah  >  Artikel  >  hujung hadapan web  >  Pemasangan Node.js dan panduan penggunaan NG (ng command).

Pemasangan Node.js dan panduan penggunaan NG (ng command).

PHPz
PHPzasal
2023-04-06 08:59:011707semak imbas

Dalam pembangunan web moden, pembangun bahagian hadapan menggunakan rangka kerja Angular (dahulunya dikenali sebagai AngularJS) untuk mengendalikan bangunan UI dinamik, dan NG (ng command) ialah arahan yang membolehkan sistem Angular menyusun dan menjana aplikasi. Selain itu, Node.js ialah enjin JavaScript sumber terbuka, merentas platform dan cekap. Tujuan artikel ini adalah untuk menyediakan panduan terperinci tentang cara memasang arahan Node.js dan NG.

Langkah pemasangan Node.js

1. Mula-mula, anda perlu memuat turun versi terkini Node.js. Anda boleh mendapatkan versi terkini yang sesuai untuk sistem anda di tapak web rasmi Node.js (https://nodejs.org/en/). Selain itu, anda juga boleh mendapatkan lebih banyak maklumat berkaitan Node.js di halaman ini.

2. Pilih program muat turun. Selepas memasuki halaman muat turun, anda boleh memilih program muat turun yang sepadan, seperti Windows, Mac, dsb.

3. Pasang Node.js melalui wizard pemasangan: Selepas memuat turun, klik dua kali fail .exe (atau .dmg, .pkg dan jenis fail lain) program yang anda muat turun, dan kemudian ikut pemasangan wizard untuk dipasang. Ikut gesaan untuk sistem pengendalian anda dan pemasang akan membimbing anda melalui langkah-langkah tersebut. Jika semuanya berjalan lancar, pemasang akan menyelesaikan pemasangan Node.js dalam beberapa minit sahaja.

4. Sahkan bahawa pemasangan Node.js berjaya: Selepas pemasang dipasang, buka terminal baris arahan dan masukkan arahan "node -v" untuk menyemak sama ada pemasangan berjaya. Jika nombor versi dikembalikan dengan betul, maka proses pemasangan anda telah berjaya.

Langkah NG (ng command) untuk memasang Angular CLI menggunakan

Buka terminal baris arahan dan masukkan arahan "npm install -g @ sudut/cli ” dan tekan Enter. Prakata dengan "npm install -g" untuk memasang @angular/cli secara global pada komputer anda.

  1. Semak sama ada Angular CLI berjaya dipasang

Buka terminal baris arahan dan masukkan arahan "ng --version" dan tekan Enter. Jika nombor versi AngularCLI dikembalikan dengan betul, maka anda telah berjaya memasangnya.

  1. Bina dengan NG

Masukkan "ng new project-name" dalam terminal baris arahan untuk mencipta projek Angular baharu. Di sini, "nama projek" mewakili nama aplikasi yang ingin anda buat. Jika anda perlu mencipta projek Angular baharu di lokasi lain, masukkan nama projek cd (seperti cd projek baharu) untuk memasuki direktori projek.

  1. Mulakan NG

Pergi ke direktori projek, masukkan "ng serve" dan tekan Enter untuk memulakan NG. Perintah ini akan memulakan pelayan pembangunan pada localhost. Selepas itu, anda boleh mengakses blok Angular yang baru anda buat dengan menaip "http://localhost:4200" dalam penyemak imbas anda.

  1. Arahan NG lain yang biasa digunakan
  • Jana komponen Sudut baharu: Perintah "ng generate component component-name" boleh digunakan untuk menjana komponen Sudut baharu. Ia akan menjana komponen baharu yang dinamakan nama komponen secara automatik dalam direktori apl/komponen, yang merangkumi semua kod yang kami perlukan.
  • Gunakan alatan CLI untuk menjana struktur lalai aplikasi lain: arahan "ng new application-name" akan menjana aplikasi Angular baharu.
  • Jalankan ujian unit: Perintah "ng test" akan menjalankan ujian unit dan melaporkan keputusan ujian.
  • Susun aplikasi secara setempat: Perintah "ng build" akan menyusun aplikasi dan menjana direktori dist yang mengandungi semua fail yang disusun.

Ringkasan

Dalam dunia pembangunan web, kepentingan rangka kerja Node.js dan Angular adalah jelas. Panduan ini boleh membantu anda memasang dan menggunakan Node.js dan NG dengan mudah. Mungkin terdapat beberapa perubahan kecil pada proses pemasangan, tetapi kaedah pemasangan pada dasarnya tetap sama. Apabila anda telah menguasai kemahiran ini, anda masih perlu terus belajar dan berlatih untuk lebih memahami dan menguasainya.

Atas ialah kandungan terperinci Pemasangan Node.js dan panduan penggunaan NG (ng command).. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn