コーディング

2分で簡単にローカルサーバーを構築する方法

2分でローカルサーバーを構築する方法

VScodeを使って簡単にローカルサーバーを立ち上げることが可能です!

VScodeを使ってかんたんにローカルサーバーを構築

通常、ローカルサーバーを構築するのは手間がかかるものです。

コマンドプロンプトやターミナルを使ったり、タスクランナーを使用したりと、慣れない設定をする必要があります。

しかし、テキストエディタのVScodeを使えば2分でローカルサーバーを立ち上げることができます。

ローカルサーバーの立ち上げ方

拡張機能「Live Server」をインストール

①View > Extensionsをクリック
メニューからViewを選択してExtensionsをクリックします。
メニューのViewからExtensionsをクリック

②左上の検索窓に「Live Server」と入力する
VScodeの左上に検索窓が表示されるので「Live Server」と入力します。
検索の絞り込みで表示された「Live Server」の緑のボタン「install」をクリックします。
左上の検索窓に「Live Server」と入力する

③インストール画面から「install」をクリック
インストール画面が表示されるので「install」をクリックすればインストールが開始されます。
「install」をクリックする

使い方

①プロジェクトフォルダをVScodeにドラッグ&ドロップ
まずはローカルサーバーで使用したいフォルダをVScodeにドラッグ&ドロップします。

②右下の「Go Live」を押す
VScodeの右下に「Go Live」という文字があるのでクリックします。
右下に「Go Live」という文字があるのでクリックする

③ブラウザでページが表示される
ブラウザでページが表示される

スポンサーリンク

-コーディング

© 2023 まめしばweb Powered by AFFINGER5