browser sync的安裝使用

2021-07-31 09:00:48 字數 728 閱讀 4059

作用:更改**之後自動重新整理瀏覽器

安裝:browser-sync是基於npm的,首先要安裝npm,再通過npm在命令列裡進行安裝,安裝**如下:

需要使用npm進行全域性安裝:` npm install browser-sync -g ` ,-g表示安裝到全域性

或者 npm install -g browser-sync 

使用:在需要監聽的資料夾中開啟命令列,注意,開啟cmd的路徑要在 需要監聽的檔案的路徑

browser-sync start --server --files "./index.html」   --表示監聽乙個檔案

- --files引數指定要監視的檔案,監聽多個檔案以逗號分隔, ./表示當前檔案

監聽整個專案 用  *.*   -- browser-sync start --server --files "./*.*」 

browser-sync start --server --files "**」表示監聽所有檔案或資料夾中的內容 

注意事項:browser-sync的埠可能被其他軟體占用;

如果被占用可以用下面的命令指定乙個埠:

browser-sync start --server --port 8081 --files "./index.html"

的內容表示,埠被占用,更改了browser-sync的埠,並監聽了命令列當前資料夾中的index.html檔案和 當前資料夾

中的js資料夾下的所有.js檔案

browsersync安裝與使用

browsersync 瀏覽器同步測試工具 深受廣大程式設計愛好者的喜愛。下面說說安裝和使用方法 第一步 安裝node.js。安裝後需要看一下是否已經安裝成功 按鍵盤win r,輸入cmd,回車,輸入node v 第二步 安裝browsersync 瀏覽器同步測試工具 win r,輸入cmd,回車,...

browsersync的安裝與基本使用

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

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.開始的時候以為是管理員許可權的問題,各種...