browsersync安裝與使用

2022-04-18 05:21:08 字數 828 閱讀 4642

browsersync(瀏覽器同步測試工具)深受廣大程式設計愛好者的喜愛。

下面說說安裝和使用方法:

第一步:安裝node.js。

安裝後需要看一下是否已經安裝成功:按鍵盤win+r,輸入cmd,回車,輸入node -v

第二步:安裝browsersync(瀏覽器同步測試工具)。

win+r,輸入cmd,回車,然後複製這條命令:

1 npm install -g browser-sync

回車,等待安裝完畢。

第三步:建立乙個專案,進入到該項目的具體路徑,按住shift,在空白地方點右鍵,選擇在此處開啟命令視窗,執行下面命令:

例如:如果在d盤目錄下有個html資料夾,裡面有個檔案是index.html(這個檔案就是要除錯的檔案),那麼"檔案路徑"就是"d:/html"

1

//--files 路徑是相對於執行該命令的專案(目錄)

2 browser-sync start --server "d:/html" --files "css/*.css"

注意:上面的css是要監測的檔案型別,如果想增加檢測html檔案,則可以按照下面命令執行

1   browser-sync start --server "d:/html" --files "css/*.css, *.html"

在win7系統裡,可以不用寫具體路徑,比如:

1 browser-sync start --server --files "css/*.css, *.html"

browsersync的安裝與基本使用

browsersync能讓瀏覽器實時 快速響應您的檔案更改 html js css sass less等 並自動重新整理頁面。官網文件 1.安裝 node.js browsersync是基於node.js的,是乙個node模組,如果您想要快速使用它,也許您需要先安裝一下node.js。2.安裝 br...

browser sync的安裝使用

作用 更改 之後自動重新整理瀏覽器 安裝 browser sync是基於npm的,首先要安裝npm,再通過npm在命令列裡進行安裝,安裝 如下 需要使用npm進行全域性安裝 npm install browser sync g g表示安裝到全域性 或者 npm install g browser s...

node下安裝Browsersync 報錯

npm err code eperm npm err errno 4048 npm err syscall scandir npm err please try running this command again as root administrator.開始的時候以為是管理員許可權的問題,各種...