Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8586

VScodeを使って簡単にローカルサーバーを立てる

$
0
0

vscode-live-server

VSCodeからボタンひとつでローカルサーバーが立てられる拡張機能です。
https://github.com/ritwickdey/vscode-live-server

良いところ

  1. ボタン一つでお手軽簡単。
  2. hot reloadが有効。

インストール

  1. VSCodeExtensionsからLive Serverで検索
  2. installを押す

使い方

  1. 右下にGo Liveのボタンが増えるので、立ち上げたいhtmlVSCodeで開いてGo Liveを押す
  2. ローカルサーバーが立ち上がる

設定

  • liveServer.settings.root
    • デフォルトは/
    • index.htmlがルートにない場合(例:/src/index.html)デフォルトのままだとjsファイルやcssファイルの参照が404になってしまうので、よしなに設定(例:./src)してあげる。
  • liveServer.settings.port
    • デフォルトは5500
    • よしなに設定
  • liveServer.settings.https
    • デフォルトはfalse
    • httpsの設定も可能

詳細はこちら
https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md


Viewing all articles
Browse latest Browse all 8586

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>