Analisis singkat tentang cara mengembangkan Angular di IDEA

Pada artikel sebelumnya, kita telah mempelajari tentang lingkungan yang perlu dipersiapkan untuk pengembangan Angular. Setelah kita menyiapkan lingkungan, tidak mungkin untuk langsung menggunakan alat teks untuk pemrograman. Kita harus memilih IDE, dan IDE yang bagus dapat membuat milik kita pengembangan lebih efektif dengan setengah usaha. Saya memilih JetBrains IDEA, terutama karena dari beberapa editor dalam pekerjaan saya, IDEA adalah IDE yang lebih baik yang mendukung pengembangan Angular.

proyek baru

File => Baru => Proyek => JavaScript => Angular CLI

Setelah memilih langkah berikutnya, kita dapat mengkonfigurasi proyek kita di dalamnya. Jika Anda mengikuti saya dari awal hingga langkah ini, Anda akan menemukan bahwa IDEA telah secara otomatis mengkonfigurasi penerjemah Node dan Angular CLI. [Tutorial terkait yang direkomendasikan: "tutorial sudut"]

Setelah mengklik Selesai, tunggu hingga pembangunan selesai. Ketika konsol mengeluarkan konten berikut, itu berarti pembangunan telah

berhasil
    Berhasil menginisialisasi git.
Selesai

Jalankan proyek di IDEA

1. Tampilkan npm Script

Temukan file pachage.json di direktori root proyek, klik kanan dan pilih Show npm Script dan akan muncul jendela baru

Di jendela ini, ada beberapa perintah yang umum digunakan. Perintah start setara dengan perintah ng serve. Klik dua kali start, dan proyek akan mulai dikompilasi dan dimulai. Setelah startup selesai, konsol akan menampilkan informasi berikut

* * Angular Live Development Server mendengarkan di localhost: 4200, buka browser Anda di http://localhost:4200/ **

√ Berhasil dikompilasi

.

Perintah di npm sebenarnya didefinisikan di package.json, dan kita juga dapat menyesuaikan perintah.

"node version": "node -v"

di bawah node skrip package.json

dan kemudian menyegarkan antarmuka npm. Anda dapat melihat bahwa perintah versi node baru telah ditambahkan menjalankan perintah node -v .