angular aspnetcore seed

sudut-aspnetcore-seed

Proyek Seed Angular 7.2.7 / ASP.NET Core 2.2 dengan debugging VS Code lengkap

Instalasi

1. Kloning proyek ke dalam folder pilihan Anda - git clone https://github.com/wesleygrimes/angular-aspnetcore-seed.git
2. Hapus folder .git - rm -rf .git
3. Inisialisasi repositori baru di direktori - git init
4. Instal Paket NPM - (cd ClientApp && npm install)
5. Pulihkan Paket NuGet - dotnet restore
6. Luncurkan Visual Studio Code - code .
7. Debugging kode Server dan Klien dapat dilakukan dengan menekan F5

Struktur Proyek

Bagian Belakang

Back-end adalah aplikasi WebAPI ASP.NET Core 2.2.

• Controllers - Tambahkan titik akhir baru dengan membuat atau memperbarui Pengontrol di direktori ini
• Models - Tambahkan model data di folder ini
• Interfaces - Tambahkan antarmuka apa pun yang akan diimplementasikan dalam direktori ini
• Services - Tambahkan layanan apa pun di direktori ini. Biasanya layanan akan membuat interaksi HttpClient dan Database langsung
• Startup.cs - Konfigurasi startup ada di sini, serta pendaftaran layanan data apa pun yang akan dimasukkan ke Pengontrol saat runtime

Ujung Depan

Anda akan menemukan kode front-end di direktori ClientApp . Ini adalah aplikasi CLI Angular 7.2.0 yang sepenuhnya kompatibel. Ini berarti dari dalam folder ClientApp kemampuan ng generate penuh tersedia dan didorong.

Menjalankan proyek

Ini adalah proyek ASP.NET Core 2.2 dengan front-end Angular 6. Proyek dotnet dikonfigurasi untuk secara otomatis membangun proyek Angular ketika dotnet run dijalankan. Artinya Anda tidak perlu khawatir menjalankan ng serve -o secara manual. Ini juga berjalan dalam mode hot reload sehingga setiap perubahan yang dilakukan pada kode dotnet dan/atau kode sudut akan menyebabkan reload dan penyegaran otomatis di browser.

Men-debug dari Visual Studio Code

Yang disertakan dalam proyek ini adalah file .vscode/launch.json dan file .vscode/tasks.json . Ini berarti secara default Anda dapat menjalankan F5 dan mencapai breakpoint di kode sisi server dan klien. Manis!!

Jika Anda mengalami masalah saat pertama kali menjalankannya, pastikan target debug Full stack dipilih.

Kontribusi Selamat Datang

Ini adalah proyek yang sangat informal dan semua permintaan penarikan dengan perbaikan akan diterima. Saya menantikan tanggapan Anda!

Pelatihan Sudut

Jika Anda baru atau berpengalaman dengan Angular, saya sangat menyarankan Anda mengunjungi Ultimate Angular dan mendaftar untuk kursus Angular Framework. Ikuti tautan di spanduk untuk melakukannya.