browsersync使用
1302 ワード
Nodejsを勉強している間に良いNodeモジュールが私を引きつけたことを覚えています.それは私が修正したcss、js、またはディレクトリの変化を監視することができます.それから、ブラウザを通じて傍受サービスの下でファイルの変化を見ることができます.簡単に紹介します.もちろん、公式サイトに行って直接対応する使用ドキュメントを探すこともできます.公式サイトも非常に詳しく説明しています.
公式サイトアドレス:browsersync
次は私がBrowrsyncを使う過程で、初心者に少し役に立つことを望んでいます.
まずBrowserSyncはNodeに基づく.jsは、ノードモジュールです.迅速に使用するには、ノードをインストールする必要があります.jsnpmライブラリにBrowserSyncをインストールするには:
グローバルインストール
もちろんgulpjsまたはgruntjs構築ツールと組み合わせて、構築する必要があるプロジェクトで次のコマンドを実行することもできます.
browsersyncの起動も簡単です
例えばこのvueプロジェクトのindexについてhtmlおよびindex.jsによる検出によるモニタリング命令は以下の通りである.
モニタファイルindex.htmlとindex.jsファイルの変更
より深いレベルのファイルのモニタリングがある場合は、次のコマンドを使用します.
もちろん、phpなどのプロジェクトのエージェントモニタリングを開始することもできます.
PHPサーバ環境をローカルに作成し、Browsersyncをバインドします.cnはローカルサーバにアクセスするため、次のコマンド方式を使用して、Browsersyncは新しいアドレスlocalhost:3000を提供してBrowsersyncにアクセスします.cnは、cssディレクトリの下にあるすべてのcssファイルをリスニングします.
本文は範駿のブログに転載します
公式サイトアドレス:browsersync
次は私がBrowrsyncを使う過程で、初心者に少し役に立つことを望んでいます.
まずBrowserSyncはNodeに基づく.jsは、ノードモジュールです.迅速に使用するには、ノードをインストールする必要があります.jsnpmライブラリにBrowserSyncをインストールするには:
グローバルインストール
//Mac sudo
npm install -g browser-sync
もちろんgulpjsまたはgruntjs構築ツールと組み合わせて、構築する必要があるプロジェクトで次のコマンドを実行することもできます.
npm install --save-dev browser-sync
browsersyncの起動も簡単です
例えばこのvueプロジェクトのindexについてhtmlおよびindex.jsによる検出によるモニタリング命令は以下の通りである.
モニタファイルindex.htmlとindex.jsファイルの変更
browser-sync start --server -no-notify --file='index.html,index.js'
より深いレベルのファイルのモニタリングがある場合は、次のコマンドを使用します.
browser-sync start --server --files '**/*.css, **/*.html'
もちろん、phpなどのプロジェクトのエージェントモニタリングを開始することもできます.
PHPサーバ環境をローカルに作成し、Browsersyncをバインドします.cnはローカルサーバにアクセスするため、次のコマンド方式を使用して、Browsersyncは新しいアドレスlocalhost:3000を提供してBrowsersyncにアクセスします.cnは、cssディレクトリの下にあるすべてのcssファイルをリスニングします.
browser-sync start --poerxy 'www.fanxiao2.net' '**/.'
本文は範駿のブログに転載します