browser-sync 真機調試

1. 安裝 Node.js

BrowserSync是基于Node.js的, 是一個Node模塊， 如果您想要快速使用它，也許您需要先安裝一下Node.js
安裝適用于Mac OS，Windows和Linux。

2. 安裝 BrowserSync

您可以選擇從Node.js的包管理（NPM）庫中 安裝BrowserSync。打開一個終端窗口，運行以下命令：

npm install -g browser-sync

您告訴包管理器下載BrowserSync文件，并在全局下安裝它們，您可以在所有項目(任何目錄)中使用。

當然您也可以結合gulpjs或gruntjs構建工具來使用，在您需要構建的項目里運行下面的命令:

npm install --save-dev browser-sync

3. 啟動 BrowserSync

一個基本用途是，如果您只希望在對某個css文件進行修改后會同步到瀏覽器里。那么您只需要運行命令行工具，進入到該項目（目錄）下，并運行相應的命令：

靜態(tài)網(wǎng)站

如果您想要監(jiān)聽.css文件, 您需要使用服務器模式。 BrowserSync 將啟動一個小型服務器，并提供一個URL來查看您的網(wǎng)站。

// --files 路徑是相對于運行該命令的項目（目錄） 
browser-sync start --server --files "css/*.css"

如果您需要監(jiān)聽多個類型的文件，您只需要用逗號隔開。例如我們再加入一個.html文件

啟動的時候在你的項目里，運行
// --files 路徑是相對于運行該命令的項目（目錄） 
browser-sync start --server --files "css/*.css, *.html"
// 如果你的文件層級比較深，您可以考慮使用 **（表示任意目錄）匹配，任意目錄下任意.css 或 .html文件。 
browser-sync start --server --files "**/*.css, **/*.html"


// 監(jiān)聽css文件 
browser-sync start --server --files "css/*.css"
// 監(jiān)聽css和html文件 
browser-sync start --server --files "css/*.css, *.html"
//監(jiān)聽css和html和JS文件
browser-sync start --server --files "**/*.js,**/*.css, **/*.html"
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內容