Help us understand the problem. What is going on with this article?

VS CodeのLive Serverでワークスペースごとにルートディレクトリを変更する方法

More than 1 year has passed since last update.

やりたいこと

  • VS CodeのLive Serverでリアルタイムプレビューを使用しながらコーディングを行いたい
  • /ワークスペースのルートディレクトリ/publicにアップロード用のコードが出力されるため、そのフォルダをルートディレクトリに設定したい(Firebase Hostingを使用するため)
  • ワークスペースごとに設定できるようにしたい

設定する方法

とても簡単で、「ワークスペースの設定からルートディレクトリを設定するだけ」です。

Preference>Settingsを開くと↓のような画面が開かれます

image.png

次に、Workspaceをクリックして、右上の「{}」のようなアイコンをクリックして設定をJSONで設定する画面を開きます。

例えば、「sub」というフォルダをルートディレクトリとして使用したい場合は下記のように記述します。

"liveServer.settings.root": "/sub"

image.png

これでワークスペースごとにLive Serverでルートディレクトリとして使用するフォルダを変更することができます。

もっとLive Serverの便利な使い方があればコメントなどで教えてください!

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away