browser sync搭建實時重新整理頁面效果

2021-08-01 13:36:25 字數 366 閱讀 5545

使用工具:node+gulp+browser-sync

首先安裝node

然後命令列安裝gulp和browser-sync外掛程式   

npm install gulp -g

npm install browser-sync -g

browser-sync的使用方式,一般我用:

直接在專案資料夾根目錄下,shift+滑鼠右鍵,選擇在此處開啟命令列視窗,

輸入   browser-sync start --server --files "**"

直接監控整個專案變動,實時顯示效果,避免f5重新整理

其他命令參考:

使用node+webpack貌似也可以達到實時重新整理的效果,正在學習

php GatewayWorker搭建實時聊天室

events.php 開發者只需要關注這個檔案 start gateway.php gateway程序啟動指令碼,包括埠號等設定 start businessworker.php businessworker程序啟動指令碼 start register.php 註冊服務啟動指令碼 vendor ga...

browser sync的安裝使用

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

browsersync安裝與使用

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