見出し画像

vscode live serverっていうextentionは便利だなぁ

d3の外部ファイルで呼び込むでも、似たようなことやりましたが、javascriptで外部ファイルを読み込む際は、httpか,httpsのプロトコルを使わないとダメなので、サーバーを立ち上げなければいけません。

で、前回はpythonで立ち上げましたが、どうやら、そんなことしなくても、vscodeを使えばもっと簡単にできるみたいなんで、紹介します。

まずは、live serverというextentionをインストールします。

そして、画面右端に「Go Live」というマークが出てきますので、サーバーで立ち上げたいファイルを、開いた上で、そのボタンをポチっとおす。

すると、ブラウザが立ち上がります。

もしお好みのブラウザで立ち上がらなかったら、urlをコピーして、お好みのブラウザで立ち上げてください。

いいなと思ったら応援しよう!