0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Vscode Live Serverの使い方

Posted at

こんにちは。名無しのnです!
これ神拡張機能!おすすめですw
(Winで撮影中)

インストール

使ってみよう!

vscodeで拡張機能からliveと入力し,live Serverを選択します。その後,インストールをクリックしてください。(僕はインストールしてあったのでこうです。)
スクリーンショット 2025-04-23 171721.png
(インストールは自己責任です)
その後,一旦アプリを終了(X)します。その後また開きましょう!
スクリーンショット 2025-04-23 172050.png
このようになっていると成功です!早速Go liveを押して,ブラウザを立ち上げましょう!

よく使う設定

拡張機能 live Server=設定アイコン=設定をクリックします。
スクリーンショット 2025-04-23 172219.png
port:ポート。localhost:PORTになってるそこをかえる
useLocalIp : 共有するか。同じNetwork内で。これでもlcoalhostは生きてる!
(リンクス(Chromebook)では作動しませんでした)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?