前端开发实时可视化意思是在编辑器里改变代码，浏览器自动更改，不用进入到浏览器F5刷新，下面推荐一款自己目前使用中的工具。
browser-sync——适用于任何修改（html，css，js等等）
步骤1
安装node.js（自行到官网下载安装）
步骤2
安装browser-sync：npm install -g browser-sync
步骤3
进入到开发目录：cd 开发目录地址
步骤4
部署程序一：browser-sync start --server --files "**" //适用于静态文件，**是部署所有的程序，当然你也可以部署单个程序，比如
browser-sync start --server --files index.html
部署程序二：browser-sync start --proxy "主机名" "**" //适用于动态文件，如php等