Rumah > Artikel > hujung hadapan web > [Ringkasan] 5 petua terbaik untuk mengurus projek Angular
Bagaimana untuk mengatur projek Angular? Artikel berikut meringkaskan 5 petua teratas untuk mengurus projek Angular Saya harap ia akan membantu anda!
Dengan keluaran ciri baharu, saiz Web apps
semakin besar dan besar. Perubahan keluaran jenis ini berlaku setiap hari dalam proses DevOps syarikat. Dalam kitaran keluaran yang begitu pantas, kod boleh menjadi sukar digunakan dengan cepat. Terutamanya projek yang dibangunkan berdasarkan , seperti NextJS
AngularJavaScript
. Berikut ialah 5 amalan terbaik kami untuk mengurus projek untuk kebolehbacaan, kebolehselenggaraan dan kebolehskalaan maksimum.
Angular
1. Mematuhi prinsip tanggungjawab tunggal
Prinsip tanggungjawab tunggal bermaksud komponen mempunyai satu dan hanya satu fungsi. Membina aplikasi menggunakan pendekatan ini menghasilkan rangka kerja modular di mana aplikasi dirangkai bersama melalui blok kod ini.
Menggunakan kaedah ini boleh menjadikan program lebih mudah dibaca dan diselenggara. Ia juga boleh mencari fungsi tertentu dalam aplikasi dengan mudah. [Tutorial berkaitan yang disyorkan:
tutorial sudut,
Pengajaran pengaturcaraan]Untuk memastikan kod anda dapat memenuhi keperluan ini, anda boleh bertanya pada diri sendiri soalan: Jika jawapan anda mengandungi kata kunci , maka anda perlu memfaktorkan semula kod anda kepada kod tanggungjawab tunggal.
Membina 这代码是干什么的?
aplikasi dan memanjangkannya ialah latihan yang berterusan. Dari masa ke masa, mengatur projek anda menggunakan prinsip tanggungjawab tunggal akan menjadikan aplikasi anda bersih, boleh dibaca dan boleh diselenggara. and
Angular
2. Ikat kod ke
modul Ia adalah pelaksanaan daripada satu prinsip. Dalam Angular
, setiap modul mewakili fungsi yang berasingan dan bebas. Beberapa jenis modul disediakan dalam untuk menentukan cara mengumpulkan atau menyusunnya secara logik. Modul Angular
TerasAngular
Jadi, mana-mana perkhidmatan tunggal perlu dilaksanakan dalam modul teras. Pengepala, pengaki atau bar navigasi ialah modul jenis ini. Core
NgModule
Semua perkhidmatan (perkhidmatan singleton) yang mempunyai satu dan hanya satu contoh bagi setiap aplikasi hendaklah dilaksanakan dalam modul teras. Contohnya, perkhidmatan pengesahan atau perkhidmatan pengguna.
Apl - folder utama projek
Abstrak - bahagian abstrak, mengandungi semua pembolehubah, campuran dan komponen serupa
Teras - Mengandungi susun atur, set semula dan kod plat dandang untuk keseluruhan tapak
Komponen - Mengandungi gaya untuk semua komponen yang akan dibuat untuk tapak web, seperti butang, tab dan modal
Reka letak - Mengandungi perkara yang diperlukan untuk menentukan susun atur tapak Fail seperti pengepala dan pengaki
Halaman - Mengandungi setiap gaya halaman tertentu
Vendor - Folder pilihan ini sesuai untuk penggunaan rangka kerja bootstrap projek, mis. fail. bootstrap
all.scss
Banyak perkhidmatan direka untuk dijalankan secara global. Kemudian, dalam beberapa kes, komponen memerlukan perkhidmatan. Amalan komponen pengekodan tradisional mengesyorkan prinsip tanggungjawab tunggal.
Dengan cara ini, menyelenggara komponen dan perkhidmatan adalah lebih mudah.
5. Amalan Terbaik Sudut untuk Memudahkan ImportStruktur fail bersarang sememangnya lebih mudah daripada sistem fail rata yang meletakkan semua fail kod dalam satu navigasi direktori.
tsconfig.json
. Dalam fail ini, terdapat tatasusunan bernama. Ini ialah alias laluan yang anda konfigurasikan dalam aplikasi anda. import
Membina aplikasi dan memanjangkannya ialah latihan yang berterusan. compilerOptions
Artikel ini adalah terjemahan, dalam bentuk terjemahan percuma. Alamat asal:
Cara Mengatur Projek Sudut |. !Atas ialah kandungan terperinci [Ringkasan] 5 petua terbaik untuk mengurus projek Angular. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!