くろおーかみ*てっく

しがないくろおーかみの勉強記

100DaysOfCode #14: Vue.js <script>直接組み込み(4) Vueインスタンス

やったこと

体調の悪い日が続いています。

今日の進捗のコードはコチラ。

github.com

WebpackもParcelも導入しないでホットリロードを実現したい!: Visual Studio Code + Live Server

ちょうどエディタをVisual Studio Codeに変えたところ、 エディタの拡張機能だけで ファイルが更新されたらブラウザの内容も自動で更新してくれる機能が実現できました。

まずはExtensionsのMarketplaceで "Live Server" と検索してインストールします。

f:id:y-mix:20190715231453p:plain

つぎに表示したいHTMLを開いた状態で、 いつもの Command + Shift + P を押して"Open with Live Server"を選択するだけです。

f:id:y-mix:20190715231038p:plain

それでLive ServerがホストするHTMLがブラウザで開いたら、あとはHTML/JSを上書き保存すると自動で反映してくれます。

Sassのコンパイルなどはしてくれませんが、HTMLと <script> で 直接読み込む範囲であれば
便利 & お手軽 😄