Ini bukan versi terbaru dari artikel ini. Untuk rilis saat ini, lihat versi .NET 9 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 9 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.
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 Lihat>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.
Visual Studio Code menambahkan folder .vscode dengan launch.json dan tasks.json yang dihasilkan.
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 debugging dengan menekan Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan berkas 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 di bagian Percayai sertifikat pengembangan HTTPS di ASP.NET Core dari 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 debug dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan berkas.
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 harus sesuai dengan masing-masing namespace ketika kode disalin.
Lokasi proyek dapat diatur di mana saja.
Pilih Selanjutnya.
Dalam dialog Informasi Tambahan:
Pilih .NET 8.0 (Dukungan Jangka Panjang).
Verifikasi bahwa Jangan gunakan pernyataan tingkat atas tidak tercentang.
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 Lihat>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.
Visual Studio Code menambahkan folder .vscode dengan file launch.json dan tasks.json yang dihasilkan.
Pilih File>Proyek Baru....
Pilih Web and Console>Aplikasi>Aplikasi Web (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 harus sesuai dengan masing-masing namespace ketika kode disalin.
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 debugging dengan menekan Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan berkas.
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 dari artikel Memberlakukan SSL.
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.
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 dicocokkan dengan setiap 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 dipilih.
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 perintah .NET: Generate Assets for Build and Debug.
Visual Studio Code menambahkan folder .vscode dengan file launch.json dan tasks.json yang dihasilkan.
Mulai Visual Studio untuk Mac dan pilih File>Proyek Baru....
Di Visual Studio untuk Mac pilih Web dan KonsolAplikasiAplikasi Web (Model-View-Controller)Lanjutkan.
Dalam dialog Konfigurasikan Aplikasi Web (Model-View-Controller) baru Anda:
Pilih .NET 7.0 untuk Kerangka Kerja Target.
Verifikasi bahwa opsi Jangan gunakan pernyataan tingkat atas tidak dicentang.
Pilih Lanjutkan.
Masukkan MvcMovie untuk Nama proyek. Penting untuk memberi nama proyek MvcMovie. Kapitalisasi harus sesuai dengan 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 debug dengan menekan Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan berkas.
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 Mempercayai sertifikat pengembangan HTTPS ASP.NET Core di artikel Memberlakukan SSL.
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 debugging dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan berkas tersebut.
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.
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 harus sesuai dengan 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 View>Command Palette dan ketik ".NET" di kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.
Visual Studio Code menambahkan folder .vscode dengan file launch.json dan tasks.json yang dihasilkan.
Untuk Visual Studio untuk Mac, lihat versi .NET 7 dari tutorial ini.
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 debugging 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 Sertifikat pengembangan HTTPS ASP.NET Core 'Trust' di artikel Penerapan SSL.
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 debugging dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file tersebut.
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 Tampilan>Palet Perintah dan ketik ".NET" ke dalam kotak pencarian. Dari daftar perintah, pilih perintah .NET: Generate Assets for Build and Debug.
Visual Studio Code menambahkan sebuah folder .vscode dengan file launch.json dan tasks.json yang dihasilkan.
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 debugging dengan menekan Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan berkas tersebut.
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 Percaya pada sertifikat pengembangan HTTPS ASP.NET Core di artikel Memaksakan SSL.
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 debugging dengan memilih Ctrl+F5 memungkinkan Anda untuk:
Buat perubahan kode.
Simpan file.
Segarkan browser dengan cepat dan lihat perubahan kode.
Pilih Jalankan>Mulai Tanpa Debug untuk meluncurkan aplikasi.
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 debugging 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 (debugging).
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 Sertifikat Pengembangan HTTPS ASP.NET Core di artikel Penerapan SSL.
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 debugging 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.
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.
