久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

[TOC] # Browsersync ># 省時(shí)的瀏覽器同步測試工具--www.browsersync.cn Browsersync能讓瀏覽器實(shí)時(shí)、快速響應(yīng)您的文件更改（html、js、css、sass、less等）并自動(dòng)刷新頁面。更重要的是 Browsersync可以同時(shí)在PC、平板、手機(jī)等設(shè)備下進(jìn)項(xiàng)調(diào)試。您可以想象一下：“假設(shè)您的桌子上有pc、ipad、iphone、android等設(shè)備，同時(shí)打開了您需要調(diào)試的頁面，當(dāng)您使用browsersync后，您的任何一次代碼保存，以上的設(shè)備都會(huì)同時(shí)顯示您的改動(dòng)”。無論您是前端還是后端工程師，使用它將提高您30%的工作效率。 ## 1. 安裝 Node.js > BrowserSync是基于Node.js的, 是一個(gè)Node模塊， 如果您想要快速使用它，也許您需要先安裝一下Node.js 安裝適用于Mac OS，Windows和Linux。 ## 2. 安裝 BrowserSync > 您可以選擇從Node.js的包管理（NPM）庫中 安裝BrowserSync。打開一個(gè)終端窗口，運(yùn)行以下命令： ~~~ npm install -g browser-sync ~~~ > 您告訴包管理器下載BrowserSync文件，并在全局下安裝它們，您可以在所有項(xiàng)目(任何目錄)中使用。 當(dāng)然您也可以結(jié)合gulpjs或gruntjs構(gòu)建工具來使用，在您需要構(gòu)建的項(xiàng)目里運(yùn)行下面的命令: ~~~ npm install --save-dev browser-sync ~~~ ## 3. 啟動(dòng) BrowserSync >一個(gè)基本用途是，如果您只希望在對某個(gè)css文件進(jìn)行修改后會(huì)同步到瀏覽器里。那么您只需要運(yùn)行命令行工具，進(jìn)入到該項(xiàng)目（目錄）下，并運(yùn)行相應(yīng)的命令： **靜態(tài)網(wǎng)站** 如果您想要監(jiān)聽.css文件, 您需要使用服務(wù)器模式。 BrowserSync 將啟動(dòng)一個(gè)小型服務(wù)器，并提供一個(gè)URL來查看您的網(wǎng)站。 ~~~ // --files 路徑是相對于運(yùn)行該命令的項(xiàng)目（目錄） browser-sync start --server --files "css/*.css" ~~~ > 如果您需要監(jiān)聽多個(gè)類型的文件，您只需要用逗號(hào)隔開。例如我們再加入一個(gè).html文件 ~~~ // --files 路徑是相對于運(yùn)行該命令的項(xiàng)目（目錄） browser-sync start --server --files "css/*.css, *.html" // 如果你的文件層級比較深，您可以考慮使用 **（表示任意目錄）匹配，任意目錄下任意.css 或 .html文件。 browser-sync start --server --files "**/*.css, **/*.html" ~~~ > 我們做了一個(gè)靜態(tài)例子的示范，您可以下載示例包，文件您可以解壓任何盤符的任何目錄下，不能是中文路徑。打開您的命令行工具，進(jìn)入到BrowsersyncExample目錄下，運(yùn)行以下其中一條命令。Browsersync將創(chuàng)建一個(gè)本地服務(wù)器并自動(dòng)打開你的瀏覽器后訪問http://localhost:3000地址，這一切都會(huì)在命令行工具里顯示。你也可以查看Browsersync靜態(tài)示例視頻 ~~~ // 監(jiān)聽css文件 browser-sync start --server --files "css/*.css" // 監(jiān)聽css和html文件 browser-sync start --server --files "css/*.css, *.html" ~~~ > **動(dòng)態(tài)網(wǎng)站** 如果您已經(jīng)有其他本地服務(wù)器環(huán)境PHP或類似的，您需要使用代理模式。 BrowserSync將通過代理URL(localhost:3000)來查看您的網(wǎng)站。 ~~~ // 主機(jī)名可以是ip或域名 browser-sync start --proxy "主機(jī)名" "css/*.css" ~~~ > 在本地創(chuàng)建了一個(gè)PHP服務(wù)器環(huán)境，并通過綁定Browsersync.cn來訪問本地服務(wù)器，使用以下命令方式，Browsersync將提供一個(gè)新的地址localhost:3000來訪問Browsersync.cn，并監(jiān)聽其css目錄下的所有css文件。 ~~~ browser-sync start --proxy "Browsersync.cn" "css/*.css" ~~~