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

V2EX = way to explore

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

已注册用户请登录

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

学习前端开发。
有一台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 03:45:50 +08:00

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

keithl

2012-12-26 04:52:13 +08:00

http://www.getf5.com/

ispinfx

2012-12-26 07:05:38 +08:00

http://emacsrocks.com/e11.html

emohacker

2012-12-26 10:32:36 +08:00

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

liliang13

2012-12-26 11:10:32 +08:00

@keithl

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

AntiGameZ

2012-12-26 11:21:10 +08:00

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

nikejaycn

2012-12-26 11:32:23 +08:00

我用的是codekit。

Sukizen

2012-12-26 13:09:45 +08:00

@foru17 这个是adobe的brackets吗？

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

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

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

感谢大家的回答～～

foru17

2012-12-26 13:14:14 +08:00

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

Sukizen

2012-12-26 14:18:28 +08:00

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

arg0

2012-12-26 14:20:25 +08:00

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

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

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

allenm

2012-12-26 14:23:32 +08:00

chrome web store 搜索 css auto reload

emohacker

2012-12-26 14:28:13 +08:00

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

Sukizen

2012-12-26 14:29:47 +08:00

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

Sukizen

2012-12-26 14:32:26 +08:00

@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 14:41:06 +08:00

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

Sukizen

2012-12-26 14:50:18 +08:00

@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 15:07:07 +08:00

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

Sivan

2012-12-26 15:35:41 +08:00

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

Sukizen

2012-12-26 15:40:04 +08:00

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

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

gcweb

2012-12-27 12:19:25 +08:00

Check out
http://yeoman.io/

zhuziyi

2014-10-30 10:27:13 +08:00

Css-auto-reload 和 Chrome Workspace