????????browsersync??
????browsersync?????????????????????html??css??js??less??????????????淢???仯?????browsersync????????????棬??????F5???鷳???衣??????????browsersync????nodejs?????????????????????????????????????????????????????????????????豸????????????


????
sync-demo.gif


????scroll-demo.gif

?????????browsersync??
????1.???nodejs
????https://nodejs.org ???nodejs???????????μ?nodejs????????mac os windows????linux nodejs???к??????????
????2.???browsersync
???????????????????terminal????
????npm install -g browser-sync
??????????????????????????κ????????????ù????
??????????browsersync??
????????????????
?????????????????????????????????????cd?????????????
????browser-sync start --server --files **
????browsersync????????????????????????????????
????**???????????????????????
????browser-sync start --server --files "css/*.css?? *.html"
????css/.css?? .html???????css??????????е?css?????????????μ?????html?????
?????????????????
??????????????????php????python??????browsersync??????????????????????????
????browser-sync start --proxy "??????" "css/*.css"
????browser-sync start --proxy "jianshu.com" "css/*.css"
???????npm???????
????????????browser-sync????????????????????????????????????????????package.json??á?
???????巽??
????1.???????????
????npm init
????????package.json?????
????2.??package.json?????????á?

??????scripts??????д
????"dev":"browser-sync start --server --files **"
???????檔
????3.??????????????????????
????????
????npm run dev
???????????browsersync????????