タグ

tutorialとbrowsersyncに関するCherenkovのブックマーク (2)

  • BrowserSyncの使い方 - Qiita

    BrowserSyncって何? テキストエディターでHTML,CSS,JavaScriptのコードを編集して、結果を確認するのにWebブラウザーにフォーカスを移してF5で更新して…… というWeb開発のワークフローを簡素化するプログラムです。 BrowserSyncはファイルの変更を監視して、変更を即座にブラウザーに反映させることができます。 しかもCSSファイルの編集はページの再読み込みをすることなく反映されます。 複数ブラウザーを立ち上げていてもOK!モバイルブラウザーも自動で同期します! テキストエディター上での作業に集中することができるので、作業効率が劇的に向上します。これを使わない理由はありません!! インストール方法 Node.jsをインストール BrowserSyncはNode.jsで動くので、まずNode.jsをインストールします。 Node.jsのサイトからインストーラー

    BrowserSyncの使い方 - Qiita
  • はじめてのbrowserSync - Qiita

    はじめて使ってみて社内共有用に書いたやつを転載 目次 browserSyncについて できること 5分でできる簡易インストール 管理画面の設定 まとめ browserSyncについて Live Reloadができるnode.jsパッケージ 公式サイト Adobe Edge Inspectが似たようなことできるらしいけどbrowserSyncPCでインストールするだけで拡張機能のインストールや端末へのアプリインストールも不要 参考:Adobe Edge Inspect リモートデバッグ、コード調査イメージ(画像はAdobe Edge Inspectのもの) できること 起動中にソースを変更するとブラウザをライブリロードして反映させる バックエンド依存無し、gulpなどのタスクツールとも連携しても使えるし、単独でも動作可能 apacheとか設定しなくてもターミナルで呼べば起動してくれる De

    はじめてのbrowserSync - Qiita
  • 1