Menggunakan Angular Augury untuk debug kod anda

Augury: Alat Debugging Aplikasi Sudut yang kuat

Augury adalah alat sumber terbuka yang direka untuk menyahpepijat dan menganalisis aplikasi Angular 2. Ia secara intuitif membentangkan seni bina aplikasi dengan struktur pokok, yang membolehkan pemaju dengan mudah menyemak sifat objek, mengubah suai dalam masa nyata, melihat kod sumber, menetapkan titik putus, mengendalikan peristiwa, dll.

kelebihan teras Augury:

• Sumber terbuka dan mudah digunakan: Sebagai peluasan penyemak imbas Chrome, Augury mudah dipasang dan tidak memerlukan pembelajaran yang memakan masa.
• Visualisasi intuitif: menunjukkan komponen dan kebergantungan mereka dalam struktur pokok untuk memudahkan pemahaman seni bina aplikasi.
• Debugging Real-Time: Membolehkan pemeriksaan objek dan mengubahsuai sifat objek secara nyata dalam masa nyata, dan segera perhatikan perubahan.
• Fungsi debugging yang kuat: menyokong fungsi debugging lanjutan seperti melihat kod sumber, menetapkan titik putus, dan acara pengendalian.
• Rajah Suntikan Ketergantungan: Jelas memaparkan kebergantungan antara komponen untuk memudahkan masalah masalah suntikan ketergantungan.
• Visualisasi sistem penghalaan: Intuitif memaparkan struktur penghalaan aplikasi, yang mudah untuk menyahpepijat isu berkaitan penghalaan.

Panduan Pengguna Augury:

1. Pemasangan Augury: Pasang pelanjutan Augury dari kedai web Chrome.
2. Mulakan alat pemaju: tekan Ctrl Shift (Windows/Linux) atau I Cmd Option (macOS) untuk membuka alat pemaju. I
3. Tukar ke panel Augury: Cari dan beralih ke tab "Augury" dalam alat pemaju.
4. Semak imbas pokok komponen: Pilih komponen sasaran dalam pokok komponen, dan panel kanan akan memaparkan sifat, kebergantungan dan maklumat lain komponen.
5. Tetapkan Breakpoints: Tetapkan titik putus dalam panel kod sumber untuk berhenti sejenak apabila program dijalankan ke lokasi tertentu untuk debugging yang lebih mendalam.
6. Periksa suntikan ketergantungan: Gunakan fungsi "graf penyuntik" untuk memeriksa hubungan suntikan ketergantungan komponen.
7. Lihat Laluan: Gunakan fungsi "Laluan" untuk melihat konfigurasi penghalaan aplikasi.

Aplikasi Contoh: untuk lebih memahami fungsi Augury, aplikasi sudut mudah dibina dalam artikel untuk menunjukkan pelbagai fungsi augury. Apl ini menyenaraikan beberapa pengguna dan membolehkan pengguna mengedit maklumat pengguna.

modul fungsi utama Augury:

• paparan komponen (paparan komponen): Memaparkan pokok komponen, yang membolehkan anda menyemak dan mengubahsuai sifat komponen, melihat kod sumber, dan menetapkan titik putus.
• Borang: Menyediakan pemeriksaan terperinci dan pengubahsuaian masa nyata kawalan borang.
• Suntikan Ketergantungan: Intuitif memaparkan hubungan suntikan ketergantungan melalui "graf penyuntik".
• ngmodules: Memaparkan semua modul dan maklumat mereka yang digunakan dalam aplikasi.
• Laluan: Memaparkan konfigurasi penghalaan aplikasi untuk memudahkan isu-isu berkaitan penghalaan debug.

Ringkasan:

Augury adalah alat debugging aplikasi sudut yang mudah dan kuat yang dapat meningkatkan kecekapan debugging pemaju sudut. Antara muka intuitif dan ciri-ciri yang kaya menjadikannya salah satu alat yang mesti dimiliki untuk setiap pemaju sudut.

FAQs:

Artikel ini juga mengandungi soalan -soalan yang sering ditanya mengenai Augury, meliputi pemasangan, penggunaan, ciri, dan perbandingan dengan alat penyahpepijatan lain.

Melalui penambahbaikan di atas, kandungan artikel telah menjadi lebih ringkas dan jelas, dan maklumat utama ditekankan, sambil mengekalkan kandungan teras dan gambar teks asal.

Atas ialah kandungan terperinci Menggunakan Angular Augury untuk debug kod anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!