前端开发实时可视化

前端开发实时可视化意思是在编辑器里改变代码，浏览器自动更改，不用进入到浏览器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等