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 membuat Windows lingkungan ideal Anda untuk dikembangkan di web. Untuk daftar API, lihat API untuk pengembangan web.

Siapkan lingkungan pengembangan Anda di Windows

WebView, DevTools, PWAs

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

Microsoft Edge DevTools
Microsoft Edge Developer Tools adalah perangkat peralatan untuk inspeksi dan penelusuran kesalahan yang telah terintegrasi secara langsung ke dalam browser Microsoft Edge. Untuk membuka DevTools, pastikan Microsoft Edge sedang aktif:

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

Progressive Web Apps pada Windows
Web Apps progresif (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

Microsoft Edge browser

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 pada 15 Januari 2020, ini didukung pada Windows, macOS, iOS, dan Android.
Pasang Microsoft Edge baru

Microsoft Edge untuk Bisnis
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

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 Beta Microsoft Edge

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

Penelusuran Kesalahan, Pengujian, dan Aksesibilitas

Microsoft Edge Tools for VS 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.
Install Microsoft Edge Tools for VS Code

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

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.

Visual Studio Code
Editor kode sumber 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

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.
Install Visual Studio

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

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

WSL, Terminal, Package Manager, Docker Desktop

Windows Subsystem for Linux
Gunakan distribusi Linux favorit Anda yang sepenuhnya terintegrasi dengan Windows (tidak perlu lagi boot ganda).
Menginstal WSL

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

Windows Package Manager
Gunakan klien winget.exe dengan baris perintah Anda untuk menginstal aplikasi di Windows atau kirim paket Anda sendiri ke Windows Package Manager.
Instal klien Windows Package Manager winget

Docker Desktop untuk Windows
Buat kontainer pengembangan jarak jauh dengan dukungan dari Visual Studio, Visual Studio Code, .NET, Windows Subsystem for Linux, atau berbagai layanan Azure.
Install Docker Desktop untuk Windows

ASP.NET, Typescript, .NET MAUI

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 pada .NET.
Install ASP.NET

TypeScript
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 melakukannya.
Coba di browserInstal secara lokal

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

Kontribusi Sumber Terbuka

Sumber Terbuka di Microsoft
Ribuan teknisi Microsoft menggunakan, berkontribusi pada dan merilis open source setiap hari. Proyek populer termasuk Visual Studio Code, TypeScript, .NET, dan ChakraCore.
Ikut serta

Berkontribusi pada dokumen
Sebagian besar set dokumentasi di Microsoft open source dan dihosting di GitHub. Berkontribusi dengan melaporkan isu atau menulis permintaan tarik.
Pelajari caranya

Pengembangan cloud dengan Azure

Azure
Platform cloud lengkap untuk menghosting aplikasi Anda yang sudah ada dan menyederhanakan pengembangan baru. Azure layanan mengintegrasikan semua yang Anda butuhkan untuk mengembangkan, menguji, menyebarkan, dan mengelola aplikasi Anda.
Siapkan akun 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.
Uji Coba Cognitive Service

Jelajahi produk-produk Azure
Azure menawarkan berbagai macam produk dan layanan - lihat dokumentasi atau lihat deskripsi dan harga produk Azure.
Siapkan akun Azure

Sumber Daya Tambahan:

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

React Native untuk Desktop
Bawa dukungan React Native ke SDK Windows 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.
Install React Native untuk Windows
Instal React Native untuk MacOS

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 guide kami untuk beralih antara lingkungan pengembangan Mac dan Windows (atau Windows Subsystem for Linux).

• Pintasan keyboard
• Pintasan trackpad
• Perangkat terminal dan shell
• Aplikasi dan utilitas