為了方便實時預覽前端開發過程中修改原始碼後的頁面,我在全球最大的同**友網github中找到了乙個非常實用的工具,browser-sync
。
安裝使用方式請自行到官網參考文件,倉庫位址在這裡getstart中官網給出的cli示例命令為:
browser
-sync
start--
server--
files
"css/*
.css"
,
"devdependencies": ,
...}
接著執行npm run dev
,控制台輸出一切正常。
然而,當我修改css/style.css
這個檔案的時候,發現瀏覽器並沒有重新整理,這說明 browser-sync 並未成功監聽css/*.css
檔案的修改。
為此,我翻了一遍browser-sync
的issue,發現有人遇到相同的問題,也給出了解決方案。
問題出在命令列引數上,仔細對比,我們也會發現:
browser
-sync
start--
server--
files
'css/*
.css'
browser
-sync
start--
server--
files
"css/*
.css"
問題就出在分號的不同上(browser-sync沒能解析單引號的內容)
因此,我將npm命令
中的'
替換為\"
即可解決問題。更改後的package.json
內容如下:
,
"devdependencies": ,
...}
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,回車,...
監聽描述檔案
同樣的如果關閉listener程序並不會影響已經存在的資料庫連線。listener.ora listener 程序的配置檔案,oracle根據它來監聽服務 listener description list description address list address protocol ipc ...