一台mac，两个显示器怎样编程？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 4813 天前的主题，其中的信息可能已经有所发展或是发生改变。

学习前端开发。
有一台MAC两个显示器。
想实现以下想法，希望得到帮助：

1、
A显示器是桌面1，运行编辑器.app
B显示器是桌面2，运行浏览器.app

2、
有什么编辑器能够保存代码的时候，浏览器不用刷新即可看到实时修改后的效果吗。（主要是HTML，CSS，JS）
sublime text2有相关插件可实现吗？

显示器

App

编辑器

22 条回复 2014-10-30 10:27:13 +08:00

foru17

2012 年 12 月 26 日

chrome:liveReload
https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
咳咳，只能帮你到这里了。
目前正在这么code的飘过，表示很爽。

keithl

2012 年 12 月 26 日

http://www.getf5.com/

ispinfx

2012 年 12 月 26 日

http://emacsrocks.com/e11.html

emohacker

2012 年 12 月 26 日

Adobe 出的开源编辑器 http://brackets.io/ 有你第二点想要的功能

liliang13

2012 年 12 月 26 日

@keithl

挺好用，但是给底部邮箱发邮件被退信，我认证的心就没有了。

AntiGameZ

2012 年 12 月 26 日

Code 2 和 Espresso 应该都是支持 Live Preview 的

nikejaycn

2012 年 12 月 26 日

我用的是codekit。

Sukizen

2012 年 12 月 26 日

@foru17 这个是adobe的brackets吗？

@emohacker Adobe的brackets用过，据说支持zencoding, 但我下载试用并不支持，不知道是否需要另外安装插件，而且目前功能有点简单。

@keithl 这个方法给了我一点灵感，我调试网页的时候，先放一个js让页面每几秒刷新一次，这样也可行吧。

@AntiGameZ
@nikejaycn
两个显示器怎么配置呢？

感谢大家的回答～～

foru17

2012 年 12 月 26 日

我现在就是sublime 配合chrome的那个livereload插件（本地模拟服务器环境下自动监测html css 和js文件变化自动刷新）。
很方便啊。一个显示器放sublime 一个显示器放浏览器就好了。

Sukizen

2012 年 12 月 26 日

@foru17 嗯，谢谢你。可能我描述错误了。
我另外一台显示器新购买的，还没有接上，不知道有什么软件可以实现一个显示器显示一个窗口呢。
还是MAC系统已经有自带是APP可以实现。

arg0

2012 年 12 月 26 日

@Sukizen 不用软件，系统本身有这个功能。

就和windows一样的扩展桌面一样。

不过俺的这个问题一直没有解决（多屏快捷键的）：
http://www.v2ex.com/t/55497

allenm

2012 年 12 月 26 日

chrome web store 搜索 css auto reload

emohacker

2012 年 12 月 26 日

@Sukizen 目前功能确实简单了点，貌似亮点就是无需刷新chrome,然后整个是拿js写的，所以讨好前端发的给写插件，zen coding 目前改名叫 Emmet了不知道出了支持那个插件没

Sukizen

2012 年 12 月 26 日

@allenm 这个好像对html或js无效。

Sukizen

2012 年 12 月 26 日

@foru17 我使用sublime编辑保存，livereload无法实现想要的功能，还是要手动CMD+R刷新。

我点击CHROME上的livereload按钮，出现：

Could not connect to LiveReload server. Please make sure that LiveReload 2.3 (or later) or another compatible server is running.

但是我使用ADOBE brackets编辑源文件的时候，却是可以用。

Sivan

2012 年 12 月 26 日

1. Mac 下直接用就可以；
2. 强力推荐 codekit，不光有你需要的 autoreload，还有其他好功能。

Sukizen

2012 年 12 月 26 日

@Sivan
@emohacker
@allenm
@foru17
@foru17

在调试网页的时候，在<head>里面增加一行代码实现自动刷新：
<meta http-equiv="refresh" cOntent="1">

你们觉得这样做有什么弊端吗？
响应的还有JS版本：
<script language="Javascript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000);
</script>

foru17

2012 年 12 月 26 日

@Sukizen 要在服务器环境下开一个MAMP吧

Sivan

2012 年 12 月 26 日

@Sukizen 这个弊端太大了吧……
如果修改一个 js 弹出层，在开发者工具或者 LiveReload 都可以。不停的 refresh 的话就不行了。而且这样不停刷新的话页面本身基本没法看啊。

Sukizen

2012 年 12 月 26 日

@foru17 我已经打开了服务器环境，我开的是XAMPP

@Sivan 你说的是。。。。我没实际使用还真没想到会出现这样的问题。 :P

gcweb

2012 年 12 月 27 日

Check out
http://yeoman.io/

zhuziyi

2014 年 10 月 30 日

Css-auto-reload 和 Chrome Workspace