前端实时可视化开发工具——browser-sync安装

1. 安装browser-sync前需要安装node.js;

2.打开node.js command prompt，输入命令：

npm -install -g browser-sync

，

会自动下载并安装和全局配置browser-sync；

3.启动browser-sync:

此处根据文件类型会分为两类不同的模式（网站），对应两种不同的命令启动browser-sync:

• 打开.html文件，需要使用服务器模式：browser-sync会自动启动一个服务器并生成相应的URL供你访问，命令行进入项目目录，启动命令如下

  browser-sync start --server --files "css/*.css"

• 如果在本地服务器运行php,java等，browser-sync会提供一个代理URL供你访问你的网站，命令行进入项目根目录，启动命令如下：

  browser-sync start --proxy "myproject.dev" --files "css/*.css"

Bingo~~~

参考：browser-sync安装官网指导

browsersync document

注：静态模式下命令行自动打开的网页默认为index.html，所以如果文件名不是index.html，需要手动在URL后加入文件名（eg:http://localhost:3000/test.html）才能成功访问。