Browsersync的使用记录

今天在看 Browsersync搭建服务,把我的使用情况记录如下:

1.搭建node环境(略)

2.新建一个文件夹

3.在文件夹中利用npm初始化package.json文件(默认的时候直接敲enter建即可)

npm init

 4.把browser-sync放到packgage.json文件中,并根据package.json安装模块(npm install --save 与 npm install --save-dev 的区别

npm install --save browser-sync

 5.在package.json中配置命令(监控所有的文件)

"scripts": {
    "dev":"browser-sync start --server --files *.*"
  },

 6.运行dev命令,启动服务器,browsersync服务连接成功会自动打开浏览器。

npm run dev

 7.在文件夹中新建index.html文件,测试服务情况。每次修改页面后保存页面,网页上就会自动刷新,这点还是非常好用的。

8.更多详细内容可以参考阮一峰大神的《JavaScript标准参考教程》

原文地址:https://www.cnblogs.com/iagw/p/6586591.html