Analisis ringkas tentang cara membangunkan Angular dalam IDEA

Artikel ini akan membawa anda melalui cara menggunakan IDEA untuk membangunkan Angular, dan memperkenalkan secara ringkas kaedah mencipta dan menjalankan projek dalam JetBrains IDEA. Saya harap ia dapat membantu semua orang!

Dalam artikel sebelum ini, kami mempelajari tentang persekitaran yang perlu disediakan untuk pembangunan Angular Selepas kami membina persekitaran, adalah mustahil untuk menggunakan alatan teks secara langsung untuk pengaturcaraan . Kita mesti memilih IDE, dan IDE yang baik boleh membolehkan kita mengembangkan dengan dua kali ganda hasil dengan separuh usaha. Saya memilih JetBrains IDEA, terutamanya kerana beberapa editor dalam kerja saya, IDEA ialah IDE yang lebih baik yang menyokong pembangunan Sudut.

Projek baharu

File => New => Project => JavaScript => Angular CLI

Selepas memilih Seterusnya, kami boleh mengkonfigurasi projek kami di sana. Jika anda mengikuti saya dari awal hingga langkah ini, anda akan mendapati bahawa IDEA telah mengkonfigurasi kedua-dua jurubahasa Node dan Angular CLI secara automatik. Kami hanya perlu menetapkan nama projek kami. [Cadangan tutorial berkaitan: "tutorial sudut"]

Selepas mengklik Selesai, anda sedang menunggu untuk binaan selesai Apabila konsol mengeluarkan kandungan berikut, ini bermakna Berjaya dibina

The file will have its original line endings in your working directory
    Successfully initialized git.
Done

Jalankan projek dalam IDEA

Tunjukkan Skrip npm

Cari fail pachage.json dalam direktori akar projek, klik kanan dan pilih Show npm Script dan tetingkap baharu akan muncul

Dalam tetingkap ini Terdapat beberapa arahan yang biasa digunakan Perintah mula adalah bersamaan dengan perintah ng serve, dan projek akan mula menyusun dan memulakan, konsol akan mengeluarkan yang berikut maklumat

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

√ Compiled successfully.

Pada masa ini, lawati http:/ /localhost:4200/

Arahan dalam npm sebenarnya ditakrifkan dalam package.json, dan kami juga boleh menyesuaikan arahan.
Kami menambah

"node version": "node -v"

di bawah nod skrip package.json dan kemudian menyegarkan antara muka npm Anda boleh melihat bahawa perintah nod baharu telah ditambahkan. mengklik kesannya adalah seperti berikut: 🎜>nod -v arahan.

2. IDEA-RUN

Dalam bar kawalan atas IDEA, terdapat pilihan untuk menjalankan projek secara langsung

Kita boleh memilih untuk menjalankan projek secara terus RUN atau DEBUG Ini sebenarnya bersamaan dengan melaksanakan

ng server

menarik projek daripada VCS<. 🎜>

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

VCS => Get From Version Controll => 输入地址

Pengajaran Pengaturcaraan

! !

Atas ialah kandungan terperinci Analisis ringkas tentang cara membangunkan Angular dalam IDEA. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!