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"
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 编辑于2015年 转载自某作者的译文 作者要是看到请联系我注明出处 对网站资源进行优化,并使用不同浏览器测试并不是...
    krock01阅读 455评论 0 2
  • 前言: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开...
    晚晴幽草阅读 3,119评论 0 13
  • 作者:Midaoi原文地址:http://www.cnblogs.com/Midaoi/p/4969812.htm...
    IT程序狮阅读 863评论 0 5
  • gulp作为前端构建项目的一个工具,自己理解gulp主要方面的作用:1.构建本地服务器。2.快速构建项目。3.对代...
    张宪宇阅读 1,219评论 0 2
  • Sass&Gulp 一、sass介绍 (一) SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计...
    锋享前端阅读 1,539评论 0 3