2019-06-11 实时可视化编程?

除了一般的使用vue-cli,crate-react-app,webpack等等,如果一般的编程HTML是如何的可视化更新呢?

第一 我们知道的

sublime,vscode(Open-In-Browser),atom,可以在浏览器中打开

webstorm等等一些太大了

在打开后,但是会出现自己手动刷新内容,让人麻烦。

way

  1. 有自动刷新的插件,或者自己写插件,定时更新用油猴可以的。纯插件的话,Google插件(超级简单的自动刷新;提供方:Super Simple Auto Refresh)
  2. 手动刷新
  3. npm i -g serve 的静态服务查看,react什么打包可以用,手动刷新
  4. Emmet liveStyle(插件)
  5. LiveReload(插件)

使用BrowserSync 和gulp

监听文件改变,然后刷新,下面监听所有的

browser-sync start --server --files "**" 

如果是动态网站需要代理

// 主机名可以是ip或域名
browser-sync start --proxy "主机名" "css/*.css"

你可能感兴趣的:(2019-06-11 实时可视化编程?)