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

This topic created in 5064 days ago, the information mentioned may be changed or developed.

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

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

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

显示器

App

编辑器

22 replies • 2014-10-30 10:27:13 +08:00

foru17

Dec 26, 2012

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

keithl

Dec 26, 2012

http://www.getf5.com/

ispinfx

Dec 26, 2012

http://emacsrocks.com/e11.html

RockHammer1947

Dec 26, 2012

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

liliang13

PRO

Dec 26, 2012

@keithl

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

AntiGameZ

Dec 26, 2012

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

nikejaycn

Dec 26, 2012

我用的是codekit。

Sukizen

Dec 26, 2012

@foru17 这个是adobe的brackets吗？

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

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

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

感谢大家的回答～～

foru17

Dec 26, 2012

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

Sukizen

Dec 26, 2012

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

arg0

Dec 26, 2012

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

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

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

allenm

Dec 26, 2012

chrome web store 搜索 css auto reload

RockHammer1947

Dec 26, 2012

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

Sukizen

Dec 26, 2012

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

Sukizen

Dec 26, 2012

@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

Dec 26, 2012

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

Sukizen

Dec 26, 2012

@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

Dec 26, 2012

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

Sivan

Dec 26, 2012

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

Sukizen

Dec 26, 2012

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

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