是否有可以立即显示更改的 HTML/CSS/JS 编辑器？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/9447216/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Is there an HTML/CSS/JS editor that immediately shows changes?
提问by G McLuhan
I just saw Bret Victors Keynote called "Inventing on Principle". At around 3:34 Minutes he uses a code editor that - after a change he makes - immediately shows consequences of it. As he types there are instant results.
我刚刚看到了 Bret Victors 的主题演讲，名为“Inventing on Principle”。在大约 3:34 分钟，他使用了一个代码编辑器——在他做出改变之后——立即显示它的后果。当他打字时，会有立竿见影的效果。
This is the video I am talking about: http://vimeo.com/36579366
这是我正在谈论的视频：http: //vimeo.com/36579366
Another example is this real-time online html editor.
另一个例子是这个实时在线 html 编辑器。
Can you tell me which offline editor I could use to work on my web projects (HTML/CSS/JS) this way? Preferably it can be used on OS X. Thanks!
您能告诉我可以使用哪种离线编辑器以这种方式处理我的 Web 项目（HTML/CSS/JS）吗？最好能在 OS X 上使用。谢谢！
采纳答案by Kyle
回答by Hyra Power
http://www.youtube.com/watch?v=TBUC-7D1LIc
http://www.youtube.com/watch?v=TBUC-7D1LIc
this guy already came up with a similar open source program like the one in the video. He also is going to be putting up the source on Github soon.
这家伙已经想出了一个类似于视频中的开源程序。他还将很快在 Github 上发布源代码。
回答by Bobbert
CoffeeCup has a Web Editor in betathat uses live preview and includes the code-preview connection you see in the video. Select an element in the preview and the corresponding HTML/CSS is selected, or select HTML code and see which element it applies to in the preview.
CoffeeCup 有一个测试版的Web 编辑器，它使用实时预览并包括您在视频中看到的代码预览连接。在预览中选择一个元素并选择相应的 HTML/CSS，或者选择 HTML 代码并在预览中查看它适用于哪个元素。
回答by user3024230
If you're still looking for an offlineeditor, you could always check out Notepad++. It has a live html preview, but doesn't show most of the newer stuff; just basic layouts as well as basic CSS.
如果您仍在寻找离线编辑器，您可以随时查看 Notepad++。它有一个实时的 html 预览，但没有显示大部分新内容；只是基本的布局以及基本的 CSS。
回答by ws-templates
Espresso updates the preview window as you type in the editor but it's for mac only
当您在编辑器中键入时，Espresso 会更新预览窗口，但它仅适用于 mac
