UPDATE 2019: Karena jawaban lain sedikit usang, saya akan menambahkan yang diperbarui di sini. Dalam versi terbaru tidak perlu memetakan folder chrome ke sistem file.
![masukkan deskripsi gambar di sini](https://i.stack.imgur.com/iXtwx.png)
Jadi, misalkan saya memiliki folder web yang berisi file HTML, CSS, JS di desktop yang ingin saya perbarui ketika saya membuat perubahan di chrome: =
1) Anda memerlukan server lokal yang sedang berjalan seperti node dll. Atau, ekstensi vscode ini menciptakan server untuk Anda: ekstensi server VSCode langsung , instal, jalankan server.
2) memuat halaman html di chrome dari menjalankan server lokal.
3) Buka devTools-> Sumber-> Filesystem-> Tambah folder ke ruang kerja
![masukkan deskripsi gambar di sini](https://i.stack.imgur.com/Ih3jt.png)
4) Tambahkan folder yang digunakan dalam menjalankan server lokal. Tidak diperlukan pemetaan tambahan di chrome terbaru! Ta-da!
Lebih lanjut tentang itu Edit File Dengan Ruang Kerja
Perhatikan bahwa perubahan yang dilakukan pada tab gaya TIDAK akan mencerminkan file sistem file.
Sebagai gantinya Anda perlu pergi ke devtools-> source-> your_folder dan kemudian buat perubahan di sana dan muat ulang halaman untuk melihat efeknya.
![masukkan deskripsi gambar di sini](https://i.stack.imgur.com/ZE1Tp.png)