1. browser-sync 前端測試工具,類似一個服務器;通過命令來啓動一個服務,監聽文件的變化,並動態更新頁面
2 . browser-sync
(1)全局安裝: npm install -g browser-sync
(2)局部安裝(在項目中安裝)npm install browser-sync --save
(3)啓動一個進程,去監聽前端文件的變化:
browser-sync start --server --files "**/app/*.js , ./main/*.html" 多個文件用逗號隔開
簡單的說就是會監聽該目錄下的html,css,js變化,然後自動刷新頁面
(4)注意:啓動的進程,默認佔用的端口是3000;
(5)如果browser-sync結合jspm使用的話,注意修改config.js 配置文件中的baseURL選項
如 : localhost:3000 訪問的是項目根目錄下的index.html文件 baseURL爲 “/”
localhost:3000/public 訪問根目錄下的public目錄下的index.html baseURL 爲 “/public”