Bagaimana untuk menjalankan html dengan vscode-VSCode-php.cn

Menjalankan fail HTML dalam Visual Studio Code hanya memerlukan langkah berikut: Cipta fail HTML dan masukkan kod. Buka terminal terbina dalam dan taip "live-server". Tekan Enter untuk membuka fail HTML dalam penyemak imbas lalai anda dan kemas kini perubahan fail dalam masa nyata.

Bagaimana untuk menjalankan html dengan vscode

Cara menjalankan HTML dalam Kod Visual Studio

Langkah:

Buka Kod Visual Studio (VSCode).
Buat fail HTML baharu atau buka fail sedia ada.
Dalam fail HTML, masukkan kod berikut:

   我的第一个 HTML 页面 
  欢迎来到我的网站！

Salin selepas log masuk

Pergi ke tab Terminal atau tekanCtrl+~(Cmd + ~) membuka terminal terbina dalam.Ctrl+~（Mac 为Cmd+~）打开内置终端。


        在终端中，输入以下命令：


       
        live-server
        
         Salin selepas log masuk
        
       
       
        按 Enter 键。
       
       详细信息：
       Live Server 是 VSCode 的一个内置扩展，用于快速启动和预览基于浏览器的项目。它会在 localhost 上启动一个开发服务器，并自动对文件更改进行实时更新。
       运行 HTML 文件后，Live Server 将在默认浏览器中打开该文件。您可以看到页面已成功渲染，并且对文件所做的任何更改都会自动刷新浏览器中的页面。
       以下是一些其他提示：
       
        在运行 HTML 文件之前，请确保已安装 Live Server 扩展。
        Live Server 也可以通过单击 VSCode 底部的 Live Server 图标（类似于播放器按钮）启动。
        您可以按Ctrl+L（Mac 为Cmd+LDalam Terminal, masukkan arahan berikut:
        rrreee
       
       
        Tekan Enter. Butiran: Pelayan Langsung ialah sambungan terbina dalam untuk VSCode untuk melancarkan dan melihat pratonton projek berasaskan penyemak imbas dengan cepat. Ia memulakan pelayan pembangunan pada localhost dan secara automatik melakukan kemas kini secara langsung pada perubahan fail. Selepas menjalankan fail HTML, Pelayan Langsung akan membuka fail dalam penyemak imbas lalai. Anda boleh melihat bahawa halaman itu berjaya dipaparkan dan sebarang perubahan yang dibuat pada fail akan memuat semula halaman secara automatik dalam penyemak imbas. Berikut ialah beberapa petua tambahan:
       
       
        Sebelum menjalankan fail HTML, pastikan anda memasang sambungan Pelayan Langsung. Pelayan Langsung juga boleh dimulakan dengan mengklik ikon Pelayan Langsung (serupa dengan butang pemain) di bahagian bawah VSCode. Anda boleh menekan
        Ctrl+
        L(
        Cmd+
        Luntuk Mac) untuk menukar dengan cepat antara terminal dan editor bertukar antara. Pelayan Langsung menggunakan port 5500 secara lalai. Anda boleh menukar port dengan mengedit fail settings.json.
       
       Atas ialah kandungan terperinci Bagaimana untuk menjalankan html dengan vscode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!