Ini bukan versi terbaru dari artikel ini. Untuk rilis saat ini, lihat versi .NET 8 dari artikel ini.
Peringatan
Versi ASP.NET Core ini tidak lagi didukung. Untuk informasi selengkapnya, lihat Kebijakan Dukungan .NET dan .NET Core. Untuk rilis saat ini, lihat versi .NET 8 dari artikel ini.
Penting
Informasi ini berkaitan dengan produk pra-rilis yang mungkin dimodifikasi secara substansial sebelum dirilis secara komersial. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.
Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.
Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.
Di akhir seri, Anda akan memiliki aplikasi yang mengelola, memvalidasi, dan menampilkan data film. Anda akan mempelajari cara untuk:
Anda dapat mengikuti instruksi Visual Studio Code di macOS, Linux, atau Windows. Perubahan mungkin diperlukan jika Anda menggunakan lingkungan pengembangan terintegrasi (IDE) selain Visual Studio Code.
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan proyek baru Anda:
Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
Lokasi untuk proyek dapat diatur ke mana saja.
Pilih Selanjutnya.
Dalam dialog Informasi tambahan:
Pilih .NET 9.0 (Pratinjau).
Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek. Proyek ini dapat ditemukan di mana saja.
Jalankan perintah berikut:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .
Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.
Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?
Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih .NET: Generate Assets for Build and Debug perintah .
Visual Studio Code menambahkan .vscode folder dengan file dan tasks.json yang dihasilkanlaunch.json.
Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.
Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:
Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.
Dialog berikut ditampilkan:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Visual Studio menjalankan aplikasi dan membuka browser default.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:
Gambar berikut menunjukkan aplikasi:
Tutup jendela browser. Visual Studio akan menghentikan aplikasi.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya memerlukan .NET 9 SDK atau yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 SDK dan yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi selengkapnya, lihat bagian Percayai sertifikat pengembangan ASP.NET Core HTTPS di artikel Memberlakukan SSL .
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Di Visual Studio Code, tekan Ctrl+F5 (Windows)/^+F5 (macOS) untuk menjalankan aplikasi tanpa penelusuran kesalahan.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Tutup jendela browser.
Di Visual Studio Code, dari menu Jalankan , pilih Hentikan Penelusuran Kesalahan atau tekan Shift+F5 untuk menghentikan aplikasi.
Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.
Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.
Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:
Petunjuk Visual Studio Code menggunakan .NET CLI untuk fungsi pengembangan ASP.NET Core seperti pembuatan proyek. Anda dapat mengikuti petunjuk ini di macOS, Linux, atau Windows dan dengan editor kode apa pun. Mungkin diperlukan perubahan kecil jika Anda menggunakan editor selain Visual Studio Code.
Microsoft telah mengumumkan penghentian Visual Studio untuk Mac. Visual Studio untuk Mac tidak akan lagi didukung mulai 31 Agustus 2024. Alternatifnya meliputi:
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan proyek baru Anda:
Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
Lokasi untuk proyek dapat diatur ke mana saja.
Pilih Selanjutnya.
Dalam dialog Informasi tambahan:
Pilih .NET 8.0 (Dukungan Jangka Panjang).
Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek. Proyek ini dapat ditemukan di mana saja.
Jalankan perintah berikut:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .
Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.
Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?
Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih .NET: Generate Assets for Build and Debug perintah .
Visual Studio Code menambahkan .vscode folder dengan file dan tasks.json yang dihasilkanlaunch.json.
Pilih File>Proyek Baru....
Pilih Web dan Aplikasi Web Aplikasi>Konsol>(Model-View-Controller)>Lanjutkan.
Dalam dialog Konfigurasikan Aplikasi Web (Model-View-Controller) baru Anda:
Pilih .NET 8.0 untuk Kerangka Kerja Target.
Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Lanjutkan.
Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.
Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:
Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.
Dialog berikut ditampilkan:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Visual Studio menjalankan aplikasi dan membuka browser default.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:
Gambar berikut menunjukkan aplikasi:
Tutup jendela browser. Visual Studio akan menghentikan aplikasi.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya memerlukan .NET 9 SDK atau yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 SDK dan yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi selengkapnya, lihat bagian Percayai sertifikat pengembangan ASP.NET Core HTTPS di artikel Memberlakukan SSL .
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Di Visual Studio Code, tekan Ctrl+F5 (Windows)/^+F5 (macOS) untuk menjalankan aplikasi tanpa penelusuran kesalahan.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Tutup jendela browser.
Di Visual Studio Code, dari menu Jalankan , pilih Hentikan Penelusuran Kesalahan atau tekan Shift+F5 untuk menghentikan aplikasi.
Pilih Opsi+Command+Return untuk menjalankan aplikasi tanpa debugger.
Navigasi ke http://localhost:port, di mana port adalah nomor port yang dipilih secara acak, yang diatur saat Visual Studio membuat proyek web.
Visual Studio untuk Mac menampilkan popup berikut:
Pilih Instal dan Percayai jika Anda mempercayai sertifikat pengembangan.
Dialog berikut ditampilkan:
Masukkan kata sandi Anda dan pilih Perbarui Pengaturan.
Lihat Mempercayai sertifikat pengembangan HTTPS Inti ASP.NET untuk informasi selengkapnya.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug .
Gambar berikut menunjukkan aplikasi:
Tutup jendela browser. Visual Studio untuk Mac akan menghentikan aplikasi.
Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.
Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.
Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:
Petunjuk Visual Studio Code menggunakan .NET CLI untuk fungsi pengembangan ASP.NET Core seperti pembuatan proyek. Anda dapat mengikuti petunjuk ini di macOS, Linux, atau Windows dan dengan editor kode apa pun. Mungkin diperlukan perubahan kecil jika Anda menggunakan editor selain Visual Studio Code.
Microsoft telah mengumumkan penghentian Visual Studio untuk Mac. Visual Studio untuk Mac tidak akan lagi didukung mulai 31 Agustus 2024. Alternatifnya meliputi:
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan proyek baru Anda:
Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
Lokasi untuk proyek dapat diatur ke mana saja.
Pilih Selanjutnya.
Dalam dialog Informasi tambahan:
Pilih .NET 7.0.
Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek. Proyek ini dapat ditemukan di mana saja.
Jalankan perintah berikut:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .
Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.
Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?
Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih .NET: Generate Assets for Build and Debug perintah .
Visual Studio Code menambahkan .vscode folder dengan file dan tasks.json yang dihasilkanlaunch.json.
Mulai Visual Studio untuk Mac dan pilih File>Proyek Baru....
Di Visual Studio untuk Mac pilih Web dan Aplikasi Web Aplikasi>Konsol>(Model-View-Controller)>Lanjutkan.
Dalam dialog Konfigurasikan Aplikasi Web (Model-View-Controller) baru Anda:
Pilih .NET 7.0 untuk Kerangka Kerja Target.
Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Lanjutkan.
Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
Tekan Ctrl+F5 untuk menjalankan aplikasi tanpa debugger. Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:Pilih Ya jika Anda mempercayai sertifikat SSL Ekspres IIS. Dialog berikut ditampilkan:Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan. Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Visual Studio menjalankan aplikasi dan membuka browser default.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan menekan Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol https di toolbar:
Gambar berikut menunjukkan aplikasi:
Tutup jendela browser. Visual Studio akan menghentikan aplikasi.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya memerlukan .NET 9 SDK atau yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 SDK dan yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi selengkapnya, lihat bagian Percayai sertifikat pengembangan ASP.NET Core HTTPS di artikel Memberlakukan SSL .
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Di Visual Studio Code, tekan Ctrl+F5 (Windows)/^+F5 (macOS) untuk menjalankan aplikasi tanpa penelusuran kesalahan.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Tutup jendela browser.
Di Visual Studio Code, dari menu Jalankan , pilih Hentikan Penelusuran Kesalahan atau tekan Shift+F5 untuk menghentikan aplikasi.
Pilih Opsi+Command+Return untuk menjalankan aplikasi tanpa debugger.
Navigasi ke http://localhost:port, di mana port adalah nomor port yang dipilih secara acak, yang diatur saat Visual Studio membuat proyek web.
Visual Studio untuk Mac menampilkan popup berikut:
Pilih Instal dan Percayai jika Anda mempercayai sertifikat pengembangan.
Dialog berikut ditampilkan:
Masukkan kata sandi Anda dan pilih Perbarui Pengaturan.
Lihat Mempercayai sertifikat pengembangan HTTPS Inti ASP.NET untuk informasi selengkapnya.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug .
Gambar berikut menunjukkan aplikasi:
Tutup jendela browser. Visual Studio untuk Mac akan menghentikan aplikasi.
Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.
Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.
Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:
Petunjuk Visual Studio Code menggunakan .NET CLI untuk fungsi pengembangan ASP.NET Core seperti pembuatan proyek. Anda dapat mengikuti petunjuk ini di macOS, Linux, atau Windows dan dengan editor kode apa pun. Mungkin diperlukan perubahan kecil jika Anda menggunakan editor selain Visual Studio Code.
Untuk Visual Studio untuk Mac, lihat versi .NET 7 dari tutorial ini.
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web App (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan proyek baru Anda, masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan masing-masing namespace ketika kode disalin.
Pilih Selanjutnya.
Dalam dialog Informasi tambahan, pilih .NET 6.0 (Dukungan jangka panjang).
Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek.
Jalankan perintah berikut:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .
Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.
Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?
Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih .NET: Generate Assets for Build and Debug perintah .
Visual Studio Code menambahkan .vscode folder dengan file dan tasks.json yang dihasilkanlaunch.json.
Untuk Visual Studio untuk Mac, lihat versi .NET 7 dari tutorial ini.
Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa debugger.
Visual Studio menampilkan dialog berikut saat proyek belum dikonfigurasi untuk menggunakan SSL:
Pilih Ya jika Anda mempercayai sertifikat IIS Express SSL.
Dialog berikut ditampilkan:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Visual Studio menjalankan aplikasi dan membuka browser default.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol MvcMovie di toolbar:
Gambar berikut menunjukkan aplikasi:
Pilih Ctrl+F5 untuk dijalankan tanpa debugger.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya memerlukan .NET 9 SDK atau yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 SDK dan yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi selengkapnya, lihat bagian Percayai sertifikat pengembangan ASP.NET Core HTTPS di artikel Memberlakukan SSL .
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Bilah alamat menunjukkan localhost:<port#> dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Untuk Visual Studio untuk Mac, lihat versi .NET 7 dari tutorial ini.
Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.
Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.
Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:
Petunjuk Visual Studio Code menggunakan .NET CLI untuk fungsi pengembangan ASP.NET Core seperti pembuatan proyek. Anda dapat mengikuti petunjuk ini di macOS, Linux, atau Windows dan dengan editor kode apa pun. Mungkin diperlukan perubahan kecil jika Anda menggunakan editor selain Visual Studio Code.
Dalam dialog Buat proyek baru, pilih ASP.NET Core Web Application>Next.
Dalam dialog Konfigurasikan proyek baru Anda, masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi perlu mencocokkan setiap namespace kecocokan ketika kode disalin.
Pilih Buat.
Dalam dialog Buat aplikasi web ASP.NET Core baru, pilih:
Pilih Terminal Baru dari menu Terminal untuk membuka terminal terintegrasi.
Ubah ke direktori (cd) yang akan berisi proyek.
Jalankan perintah berikut:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Perintah dotnet new membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .
Perintah code membuka folder proyek MvcMovie dalam instans Visual Studio Code saat ini.
Visual Studio Code mungkin menampilkan kotak dialog yang menanyakan: Apakah Anda mempercayai penulis file di folder ini?
Jika Anda mempercayai semua file di folder induk, pilih Percayai penulis semua file di folder induk.
Pilih Ya, saya mempercayai penulis karena folder proyek memiliki file yang dihasilkan oleh .NET.
Saat Visual Studio Code meminta Anda menambahkan aset untuk membangun dan men-debug proyek, pilih Ya. Jika Visual Studio Code tidak menawarkan untuk menambahkan aset build dan debug, pilih Tampilkan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih .NET: Generate Assets for Build and Debug perintah .
Visual Studio Code menambahkan .vscode folder dengan file dan tasks.json yang dihasilkanlaunch.json.
Pilih File>Solusi Baru.
Di Visual Studio untuk Mac yang lebih lama dari versi 8.6, pilih .NET Core>App>Web Application (Model-View-Controller)>Berikutnya. Di versi 8.6 atau yang lebih baru, pilih Web and Console>App>Web Application (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan Aplikasi Web baru Anda:
Konfirmasikan bahwa Autentikasi diatur ke Tidak Ada Autentikasi.
Jika opsi untuk memilih Kerangka Kerja Target disajikan, pilih versi 5.x terbaru.
Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari item menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol IIS Express
Gambar berikut menunjukkan aplikasi:
Pilih Ctrl+F5 untuk dijalankan tanpa debugger.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya memerlukan .NET 9 SDK atau yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 SDK dan yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi selengkapnya, lihat bagian Percayai sertifikat pengembangan ASP.NET Core HTTPS di artikel Memberlakukan SSL .
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Bilah alamat menunjukkan localhost:port:5001 dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Pilih Jalankan>Mulai Tanpa Penelusuran Kesalahan untuk meluncurkan aplikasi.
Navigasi ke http://localhost:port, di mana port adalah nomor port yang dipilih secara acak.
Visual Studio untuk Mac menampilkan popup berikut:
Pilih Ya jika Anda mempercayai sertifikat pengembangan.
Dialog berikut ditampilkan:
Masukkan kata sandi Anda dan pilih OK
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Lihat Mempercayai sertifikat pengembangan HTTPS Inti ASP.NET untuk informasi selengkapnya.
Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Jalankan .
Tutorial ini mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan. Jika Anda baru menggunakan pengembangan web ASP.NET Core, pertimbangkan Razor versi Pages dari tutorial ini, yang menyediakan titik awal yang lebih mudah. Lihat Memilih ASP.NET Core UI, yang membandingkan Razor Pages, MVC, dan Blazor untuk pengembangan UI.
Ini adalah tutorial pertama dari seri yang mengajarkan ASP.NET pengembangan web Core MVC dengan pengontrol dan tampilan.
Di akhir seri, Anda akan memiliki aplikasi yang mengelola dan menampilkan data film. Anda akan mempelajari cara untuk:
Petunjuk Visual Studio Code menggunakan .NET CLI untuk fungsi pengembangan ASP.NET Core seperti pembuatan proyek. Anda dapat mengikuti petunjuk ini di platform apa pun (macOS, Linux, atau Windows) dan dengan editor kode apa pun. Mungkin diperlukan perubahan kecil jika Anda menggunakan editor selain Visual Studio Code. Untuk informasi lebih lanjut tentang memasang Visual Studio Code di macOS, lihat Visual Studio Code di macOS.
Ubah direktori (cd) ke folder yang akan berisi proyek.
Jalankan perintah berikut:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Kotak dialog muncul dengan Aset yang diperlukan untuk membangun dan men-debug hilang dari 'MvcMovie'. Tambahkan?, pilih Ya.
dotnet new mvc -o MvcMovie: Membuat proyek MVC Inti ASP.NET baru di folder MvcMovie .
code -r MvcMovie: Memuat MvcMovie.csproj file proyek di Visual Studio Code.
Pilih File>Solusi Baru.
Di Visual Studio untuk Mac yang lebih lama dari versi 8.6, pilih .NET Core>App>Web Application (Model-View-Controller)>Berikutnya. Di versi 8.6 atau yang lebih baru, pilih Web and Console>App>Web Application (Model-View-Controller)>Berikutnya.
Dalam dialog Konfigurasikan Aplikasi Web baru Anda:
Konfirmasikan bahwa Autentikasi diatur ke Tidak Ada Autentikasi.
Jika opsi untuk memilih Kerangka Kerja Target disajikan, pilih versi 3.x terbaru.
Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari item menu Debug :
Anda dapat men-debug aplikasi dengan memilih tombol IIS Express
Gambar berikut menunjukkan aplikasi:
Pilih Ctrl+F5 untuk menjalankan aplikasi tanpa penelusuran kesalahan.
Percayai sertifikat pengembangan HTTPS dengan menjalankan perintah berikut:
dotnet dev-certs https --trust
Perintah sebelumnya memerlukan .NET 9 SDK atau yang lebih baru di Linux. Untuk Linux di .NET 8.0.401 SDK dan yang lebih lama, lihat dokumentasi distribusi Linux Anda untuk mempercayai sertifikat.
Perintah sebelumnya menampilkan dialog berikut, asalkan sertifikat sebelumnya tidak tepercaya:
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Untuk informasi selengkapnya, lihat bagian Percayai sertifikat pengembangan ASP.NET Core HTTPS di artikel Memberlakukan SSL .
Untuk informasi tentang mempercayai browser Firefox, lihat Kesalahan sertifikat Firefox SEC_ERROR_INADEQUATE_KEY_USAGE.
Bilah alamat menunjukkan localhost:port:5001 dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Localhost hanya melayani permintaan web dari komputer lokal.
Meluncurkan aplikasi tanpa penelusuran kesalahan dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Pilih Jalankan>Mulai Tanpa Penelusuran Kesalahan untuk meluncurkan aplikasi.
Visual Studio untuk Mac: memulai Kestrel server, meluncurkan browser, dan menavigasi ke http://localhost:port, di mana port adalah nomor port yang dipilih secara acak.
Visual Studio untuk Mac menampilkan popup berikut:
Pilih Ya jika Anda mempercayai sertifikat pengembangan.
Dialog berikut ditampilkan:
Masukkan kata sandi Anda dan pilih OK
Pilih Ya jika Anda setuju untuk mempercayai sertifikat pengembangan tersebut.
Lihat Mempercayai sertifikat pengembangan HTTPS Inti ASP.NET untuk informasi selengkapnya.
Bilah alamat menunjukkan localhost:port# dan bukan sesuatu seperti example.com. Nama host standar untuk komputer lokal Anda adalah localhost. Saat Visual Studio membuat proyek web, port acak digunakan untuk server web. Saat menjalankan aplikasi, Anda akan melihat nomor port yang berbeda.
Anda dapat meluncurkan aplikasi dalam mode debug atau non-debug dari menu Jalankan .
Sumber untuk konten ini dapat ditemukan di GitHub, yang juga dapat Anda gunakan untuk membuat dan meninjau masalah dan menarik permintaan. Untuk informasi selengkapnya, lihat panduan kontributor kami.
