Pelayan Langsung Kod Visual Studio Tidak Berfungsi

VSCode mempunyai banyak sambungan yang hebat, dan Live Server adalah salah satu yang terbaik.

Dengan hanya beberapa klik, Live Server membolehkan anda melihat halaman anda secara langsung dalam penyemak imbas sebenar. Lebih baik lagi, ia memuatkan muat semula secara langsung, jadi jika anda mengemas kini kod anda, perubahannya juga dapat dilihat dalam penyemak imbas.

Yang perlu anda lakukan ialah klik kanan pada fail HTML yang ingin anda lihat, klik kanan, kemudian pilih "Buka dengan Live Server":

Tetapi bagaimana jika Live Server tidak membuka penyemak imbas anda dan menunjukkan halaman anda seperti yang anda harapkan? Sekiranya ini berlaku kepada anda, berikut adalah beberapa perkara yang boleh anda cuba.

Mulakan semula VSCode

Kadang-kadang yang terbaik yang boleh anda lakukan adalah memulakan VSCode dari awal.

Pertama, simpan semua kerja anda. Kemudian tutup VSCode, yang juga akan menghentikan semua sambungan yang telah anda pasang.

Kemudian, buka semula VSCode dan cuba lagi - pergi ke fail HTML yang ingin anda lihat, klik kanan, dan pilih "Buka dengan Live Server".

Tetapkan penyemak imbas untuk Pelayan Langsung

Ada kemungkinan sambungan itu berfungsi, tetapi sistem anda tidak mempunyai penyemak imbas lalai.

Walaupun anda menetapkan penyemak imbas lalai untuk sistem anda, tidak ada salahnya membiarkan Live Server mengetahui penyemak imbas mana yang ingin anda gunakan secara eksplisit.

Pertama, buka Command Pallete dengan F1, kemudian ketik Preferences: Open Settings (JSON)dan pilih pilihan itu.

Ini akan membuka settings.jsonfail VSCode anda .

Tatal hingga ke bahagian bawah fail dan tampal "liveServer.settings.CustomBrowser": "chrome".

Tatal hingga ke bahagian bawah fail, tambahkan koma selepas tetapan terakhir, kemudian tampal "liveServer.settings.CustomBrowser": "chrome":

Perhatikan bahawa anda juga dapat menggunakan "firefox", "safari"atau penyemak imbas lain sebagai nilai untuk "liveServer.settings.CustomBrowser"tetapan.

Akhirnya, simpan settings.jsonfail dan cuba jalankan Live Server lagi.

Tetapkan penyemak imbas lalai untuk sistem operasi anda

Walaupun setelah memberitahu Live Server penyemak imbas mana yang ingin anda gunakan, ada kemungkinan ia masih tidak membuka halaman anda dalam penyemak imbas itu dengan betul.

Perkara seterusnya yang perlu dicuba adalah menetapkan penyemak imbas lalai untuk sistem operasi anda sendiri.

Kaedah yang tepat untuk melakukan ini boleh berbeza-beza berdasarkan sistem operasi anda, jadi lebih baik mencari cara melakukannya jika anda tidak pasti.

Inilah rupa halaman tetapan di Windows:

Pergi ke halaman langsung sendiri

Sekiranya atas sebab tertentu Pelayan Langsung masih tidak membuka halaman di penyemak imbas anda secara automatik, jangan risau. Anda sentiasa boleh membuka penyemak imbas pilihan anda dan melihat halamannya secara langsung.

Cukup buka penyemak imbas pilihan anda dan pergi ke //127.0.0.1:5500/.

Sebagai contoh, jika fail anda dipanggil index.html, pergi ke //127.0.0.1:5500/index.html.

Selagi Live Server berjalan, anda mesti melihat halaman anda.

Sebagai penutup

Itulah beberapa perbaikan biasa yang boleh anda cuba jika Live Server tidak berfungsi seperti yang anda harapkan.

Tetap selamat, dan kod (hidup) selamat.