讓手機連到 VS-Code 上的 Live Server

懶人包。

備註

要用這個方法的前提是「手機跟電腦連到同一個 wifi」，換句話說就是在相同內網裡面才可以互連。

流程

1. 下載 Live Server 套件

2. 在 vs-code 的設定 JSON 檔加上這段：

"liveServer.settings.useWebExt": true,

3. 在 vs-code 上打開 liver-server 後，用手機輸入電腦的 IP 位址：

備註：你可以用 CLI 的 ipconfig 指令來查 IP 位址

ipconfig

輸出結果（我只截重點）：

Wireless LAN adapter Wi-Fi:

   Connection-specific DNS Suffix  . :
   IPv4 Address. . . . . . . . . . . : 192.168.1.107
   Subnet Mask . . . . . . . . . . . : 255.255.255.0
   Default Gateway . . . . . . . . . : fe80::127b:efff:fe16:5d26%20
                                       192.168.1.1

在手機網址輸入 IPv4 Address 的位址就行囉。