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标准参考教程》