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の使い方

0
Last updated at Posted at 2025-04-23

こんにちは。名無しの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)では作動しませんでした)
##おすすめ
無料Webホスティングサービスまとめ
{js}この要素は存在するか?変数まで!関数を作ったよ!
最新のきじ

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?