BrowserSync瀏覽器同步測試工具的使用

靜態網站

1. 安裝Node.js

• BrowserSync是基於Node.js的，而且是Node的一個模塊

  2. 建立一個package.json文件

npm init -y

3. 安裝BrowserSync

• 從Node.js的NPM庫中安裝BrowserSync。
• 在該文件夾中打開命令行並運行

npm install --save-dev browser-sync

4. 在package.json文件中加入

• 監聽多個類型的文件，用逗號隔開

"start": "browser-sync start --server --directory --files \"code/*.html,css/*.css\""

5. 打開終端，啓動開發預覽服務

npm start

6. 動態網站見連接

參考連接：http://www.browsersync.cn/#install