有没有一个可以即时显示更改的HTML/CSS/JS编辑器？

Question

我刚刚看了Bret Victor的主题演讲"Inventing on Principle"。在大约3分34秒的时候，他使用了一个代码编辑器，在他进行更改后，立即显示其结果。当他输入时，会有即时结果。

这是我所说的视频：http://vimeo.com/36579366 另一个例子是这个实时在线HTML编辑器。

你能告诉我哪个离线编辑器可以让我以这种方式处理我的Web项目（HTML / CSS / JS）吗？最好可以在OS X上使用。谢谢！

- G McLuhan

---

你可能会发现HTML编辑器很方便。它可以与你的文件系统交互，即使你离线也能使用。 - Mori

https://codverter.com/src/webeditor - 在分屏模式下编写HTML、CSS和JavaScript代码，同时查看网页结果。在输入时，网页视图会自动更新。非常适合草稿、草案和快速启动。 - Jonathan Applebaum

Answer 1

Brackets看起来很不错，但它仍处于开发阶段。

- Jsalinas

---

哇，看起来真不错，我期待着发布。 - G McLuhan

所有我想要的。这看起来太棒了。 - Code Bundle

Answer 2

CoffeeCup有一个正在测试的Web Editor编辑器，它使用实时预览功能，并包含视频中所见的代码预览连接。在预览中选择一个元素，相应的HTML/CSS将被选中，或者选择HTML代码，可以看到它适用于预览中的哪个元素。

- Bobbert

Answer 3

我不知道是否有免费的，但是TextMate有一个实时预览窗口。只是不要下载2版本beta版——我认为它还没有实现。你也可以查看Coda和BBEdit。

- Kyle

---

Coda完成了50%的工作：我可以将它在我的index.html文件中垂直地分割视图，以便同时显示代码和输出。但是，如果我切换到我的style.css文件，它又要我重新分割视图。这太复杂了，因为我的每个项目中都有5-10个文件。最好的办法是，编辑器在左边显示文件列表和编辑器，在右边显示输出。 - G McLuhan

SnoopCode的实时HTML编辑器和即时预览怎么样？http://www.snoopcode.com/html/best-html-editor - Prabhakar

Answer 4

http://www.youtube.com/watch?v=TBUC-7D1LIc

这个人已经开发出了一个类似于视频中的开源程序。他也很快会在Github上发布源代码。

- Hyra Power

Answer 5

如果你仍在寻找一个离线编辑器，可以考虑使用Notepad++。它有实时HTML预览功能，但不支持大多数新特性，只支持基本布局和基本CSS。 Notepad++网站

- user3024230

Answer 6

Espresso在您在编辑器中输入时即时更新预览窗口，但它仅适用于Mac系统。

- ws-templates