本文介绍了如何搭建browser-sync服务，通过nodejs安装browser-sync，实现在开发过程中浏览器实时同步更新，支持多设备调试。首先从nodejs官网下载安装，然后在创建的react项目中使用命令初始化并安装browser-sync。接着修改package.json的scripts部分以监控文件变化，最终运行特定命令启动服务，浏览器将自动打开并显示内容。
先去nodejs官网下载pkg文件直接安装,有兴趣的也可以使用以下方法
- Get source & make
- Homebrew
- nvm
- Other
-
在桌面新建文件react
cd ~/Desktop
mkdir react
使用npm init 命令初始化，可以看到以下内容，可直接敲回车默认，最后输入yes后会再react文件夹下生成一个packge.json文件
到这里，再去安装一个browser-sync一个可以让让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面，并且支持多设备（PC、平板、手机）下同时调试的黑科技- -。
安装使用如下命令：
npm install --save browser
最低0.47元/天 解锁文章
扫一扫
1140
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
