BOOK Studio947
狩野祐東・狩野さやか著書

すでに起動しているLive Serverで別のファイルを開く方法

VSCodeからローカルサーバーを起動する拡張機能「Live Server」は、最初に起動するときは開きたいファイルを選択してから、ステータスバーの「Go Live」をクリックします。

Live Serverを起動するにはGo Liveをクリック

それでは、別のファイルを開きたいときにはどうすればよいでしょう? 一度ローカルサーバーを停止させて、開きたいファイルを選択してからもう一度「Go Live」をクリックする? それでもちゃんと起動しますが、作業が多くてめんどくさいですね。

すでに起動しているローカルサーバーで別のファイルを開きたいときは、左のエクスプローラーバーから開きたいファイルを右クリックして[Open with Live Server]を選びます。簡単に開けて便利なのでおすすめです!

ただし、Live Serverはワークスペースのルートフォルダーをルートにしたローカルサーバーを起動するので、この方法で開けるのは同じワークスペース内のファイルだけです。それだけ注意しておいたほうがよいかもしれません。

狩野 祐東

Web/アプリケーションUIデザイナー、エンジニア。執筆家。 アメリカ・サンフランシスコに留学、UIデザイン理論を学ぶ。Webサイトやアプリケーションのデザイン・開発、関連技術書籍の執筆を数多く手がける。株式会社Studio947代表。