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

2012-12-26 03:40:07 +08:00
 Sukizen
学习前端开发。
有一台MAC两个显示器。
想实现以下想法，希望得到帮助：

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

2、
有什么编辑器能够保存代码的时候，浏览器不用刷新即可看到实时修改后的效果吗。（主要是HTML，CSS，JS）
sublime text2有相关插件可实现吗？
5572 次点击
所在节点    问与答
22 条回复
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

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/55835

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX