Baca dalam bahasa Inggris

Bagikan melalui


Pengembangan web di Windows

Microsoft menawarkan berbagai sumber daya untuk pengembang web, termasuk alat dan fitur baru yang mendukung pengembangan web menggunakan Windows. Panduan ini mencakup banyak alat yang tersedia untuk menjadikan Windows lingkungan ideal Anda untuk dikembangkan untuk web. Untuk daftar API, lihat API untuk pengembangan web.

WebView, DevTools, PWAs

Ikon WebView 2
WebView 2
Sematkan konten web (HTML, CSS, dan JavaScript) di aplikasi asli Anda dengan Microsoft Edge WebView2. Unduh WebView 2

Ikon Microsoft Edge DevTools
Microsoft Edge DevTools
Alat Pengembang Microsoft Edge adalah serangkaian alat inspeksi dan penelusuran kesalahan yang dibangun langsung ke browser Microsoft Edge. Untuk membuka DevTools, dengan Microsoft Edge dalam fokus:

  • Klik kanan lalu Periksa
  • Pilih kunci F12
  • Ctrl + Shift + i

Ikon PWA
Web Apps Progresif di Windows
Progresif Web Apps (PWAs) memberi pengguna Anda pengalaman asli seperti aplikasi yang disesuaikan untuk perangkat mereka. Mereka adalah situs web yang semakin ditingkatkan agar berfungsi seperti aplikasi asli di platform pendukung.
Mulai menggunakan PWAs

Browser Microsoft Edge

Ikon Microsoft Edge
Microsoft Edge untuk Pengembang
Microsoft Edge baru didasarkan pada Chromium untuk menciptakan kompatibilitas web yang lebih baik dan lebih sedikit fragmentasi platform web yang mendasarinya. Dirilis 15 Januari 2020, ini didukung di Windows, macOS, iOS, dan Android.
Menginstal Microsoft Edge baru

Microsoft Edge untuk Business
Microsoft Edge untuk Business
Microsoft Edge didasarkan pada Chromium dan menawarkan dukungan perusahaan. Dapatkan panduan langkah demi langkah tentang cara mengonfigurasi dan menyebarkan beberapa saluran yang tersedia.
Unduh saluran Microsoft Edge

Ikon Microsoft Edge Insider
Microsoft Edge Insider
Kami membangun sesuatu yang baru untuk Microsoft Edge setiap hari. Pelajari tentang kemajuan terbaru kami dan bagaimana Anda dapat terlibat. Unduh versi Microsoft Edge Beta

Ikon Dukungan Microsoft Edge
Dukungan Microsoft Edge
Dapatkan bantuan untuk menyesuaikan browser Anda, menambahkan ekstensi, melacak pencegahan, pemecahan masalah, dan banyak lagi. Mendapatkan bantuan dengan Microsoft Edge

Penelusuran Kesalahan, Pengujian, dan Aksesibilitas

Ekstensi Vs Marketplace Edge Debugger
Alat Microsoft Edge untuk Visual Studio Code
Tanpa meninggalkan Visual Studio Code, gunakan Microsoft Edge DevTools untuk menyambungkan ke instans dan melihat struktur HTML runtime, mengubah tata letak, gaya (CSS), membaca pesan konsol, dan melihat permintaan jaringan.
Menginstal Alat Microsoft Edge untuk Visual Studio Code

Ikon WebHint
WebHint untuk Aksesibilitas
Alat linting yang dapat disesuaikan yang membantu Anda meningkatkan aksesibilitas, kecepatan, kompatibilitas lintas browser, dan banyak lagi dengan memeriksa kode Anda untuk praktik terbaik dan kesalahan umum.
Menginstal ekstensi Visual Studio Code
Menginstal ekstensi browser
Menginstal CLI

Ikon WebDriver
WebDriver
Tutup perulangan pada siklus pengembang Anda dengan mengotomatiskan pengujian situs web Anda di Microsoft Edge dengan Microsoft WebDriver.
Menginstal WebDriver

Editor kode Visual Studio

Ikon Visual Studio Code
Visual Studio Code
Editor kode sumber yang ringan dengan dukungan bawaan untuk JavaScript, TypeScript, Node.js, ekosistem ekstensi yang kaya (C++, C#, Java, Python, PHP, Go) dan runtime (seperti .NET dan Unity).
Menginstal Visual Studio Code

Ikon Visual Studio
Visual Studio (IDE)
Lingkungan pengembangan terintegrasi yang dapat Anda gunakan untuk mengedit, men-debug, membuat kode, dan menerbitkan aplikasi, termasuk kompilator, penyelesaian kode intellisense, dan banyak lagi fitur.
Pasang Visual Studio

Ikon marketplace Visual Studio Code
Visual Studio Code Marketplace untuk Ekstensi
Jelajahi berbagai ekstensi yang tersedia untuk menyesuaikan editor Visual Studio Code Anda.
Pasang Ekstensi

Ikon marketplace Visual Studio
Visual Studio Marketplace untuk Ekstensi
Jelajahi berbagai ekstensi yang tersedia untuk menyesuaikan lingkungan pengembangan terintegrasi Visual Studio Anda.
Pasang Ekstensi

WSL, Terminal, Manajer Paket, Docker Desktop

Ikon WSL
Subsistem Windows untuk Linux
Gunakan distribusi Linux favorit Anda yang terintegrasi penuh dengan Windows (tidak perlu lagi boot ganda).
Menginstal WSL

ikon Terminal Windows
Terminal Windows
Sesuaikan lingkungan terminal Anda untuk bekerja dengan beberapa shell baris perintah.
Instal Terminal

ikon Pengelola Paket Windows
Pengelola Paket Windows
Gunakan klien winget.exe dengan baris perintah Anda untuk menginstal aplikasi di Windows atau mengirimkan paket Anda sendiri ke Pengelola Paket Windows.
Menginstal klien winget Pengelola Paket Windows

Ikon Docker Desktop untuk Windows
Docker Desktop untuk Windows
Buat kontainer pengembangan jarak jauh dengan dukungan dari Visual Studio, VS Code, .NET, Subsistem Windows untuk Linux, atau berbagai layanan Azure.
Instal Docker Desktop untuk Windows

ASP.NET, Typescript, .NET MAUI

ikon ASP.NET
ASP.NET
Kerangka kerja lintas platform untuk membangun aplikasi dan layanan web, aplikasi Internet of Things (IoT), atau backend seluler dengan .NET dan C#. Bangun antarmuka pengguna web interaktif yang kaya dengan Blazor. Gunakan alat dev favorit Anda di Windows, macOS, dan Linux. Sebarkan ke cloud atau lokal. Jalankan di .NET.
Menginstal ASP.NET

Ikon typescript
Jenis skrip
TypeScript memperluas JavaScript dengan menambahkan jenis ke bahasa. Misalnya, JavaScript menyediakan primitif bahasa seperti string, angka, dan objek, tetapi tidak memeriksa apakah Anda telah menetapkannya secara konsisten. TypeScript tidak.
Coba di browserAnda Instal secara lokal

ikon .NET MAUI
.NET MAUI
.NET Multi-platform App UI (.NET MAUI) memungkinkan Anda membangun aplikasi asli menggunakan toolkit UI lintas platform .NET yang menargetkan faktor bentuk seluler dan desktop di Android, iOS, macOS, Windows, dan Tizen.
Instalasi .NET MAUI

Kontribusi Sumber Terbuka

Ikon OpenSource
Sumber Terbuka di Microsoft
Ribuan teknisi Microsoft menggunakan, berkontribusi pada dan merilis sumber terbuka setiap hari. Proyek populer termasuk Visual Studio Code, TypeScript, .NET, dan ChakraCore.
Terlibat

ikon dokumen
Berkontribusi pada dokumen
Sebagian besar set dokumentasi di Microsoft sumber terbuka dan dihosting di GitHub. Berkontribusi dengan mengajukan masalah atau menulis permintaan pull.
Pelajari caranya

Pengembangan cloud dengan Azure

Ikon Azure
Azure
Platform cloud lengkap untuk menghosting aplikasi Anda yang sudah ada dan menyederhanakan pengembangan baru. Layanan Azure mengintegrasikan semua yang Anda butuhkan untuk mengembangkan, menguji, menyebarkan, dan mengelola aplikasi Anda.
Menyiapkan akun Azure

Ikon layanan kognitif Azure
Azure Cognitive Services
Layanan berbasis cloud dengan REST API dan SDK pustaka klien tersedia untuk membantu Anda membangun kecerdasan kognitif ke dalam aplikasi Anda.
Coba Cognitive Service

Ikon panduan pengembangan Azure
Telusuri produk Azure
Azure menawarkan berbagai macam produk dan layanan - lihat dokumentasi atau lihat deskripsi dan harga produk Azure .
Menyiapkan akun Azure

Sumber Daya Tambahan:

Menyiapkan ikon lingkungan dev
Menyiapkan lingkungan pengembangan Anda di Windows
Dapatkan bantuan menyiapkan lingkungan pengembangan Anda untuk bekerja dengan Python, NodeJS, C#, C, C++, membangun aplikasi Android, membangun aplikasi desktop Windows, membangun kontainer Docker, menjalankan skrip PowerShell, dan banyak lagi.
Mulai

Ikon React Native untuk Desktop
React Native untuk Desktop
Bawa dukungan React Native ke Windows SDK dan macOS 10.13 SDK. Gunakan JavaScript untuk membangun aplikasi Windows asli untuk semua perangkat yang didukung oleh Windows termasuk PC, tablet, 2-in-1, Xbox, Perangkat realitas campuran, dll., serta ekosistem desktop dan laptop macOS.
Instal React Native untuk Windows
Instal React Native untuk MacOS

Ikon Pelajari
Kursus Microsoft Learn yang terkait dengan pengembangan web
Microsoft Learn menawarkan kursus online gratis untuk mempelajari berbagai keterampilan baru dan menemukan produk dan layanan Microsoft dengan panduan langkah demi langkah.
Mulai Belajar

Transisi antara Mac dan Windows

Lihat panduan kami untuk transisi antara lingkungan pengembangan Mac dan Windows (atau Subsistem Windows untuk Linux).