100DaysOfCode #14: Vue.js <script>直接組み込み(4) Vueインスタンス
やったこと
体調の悪い日が続いています。
今日の進捗のコードはコチラ。
WebpackもParcelも導入しないでホットリロードを実現したい!: Visual Studio Code + Live Server
ちょうどエディタをVisual Studio Codeに変えたところ、 エディタの拡張機能だけで ファイルが更新されたらブラウザの内容も自動で更新してくれる機能が実現できました。
まずはExtensionsのMarketplaceで "Live Server" と検索してインストールします。
つぎに表示したいHTMLを開いた状態で、 いつもの Command
+ Shift
+ P
を押して"Open with Live Server"を選択するだけです。
それでLive ServerがホストするHTMLがブラウザで開いたら、あとはHTML/JSを上書き保存すると自動で反映してくれます。
Sassのコンパイルなどはしてくれませんが、HTMLと <script>
で 直接読み込む範囲であれば
便利 & お手軽 😄