是否有可以立即显示更改的 HTML/CSS/JS 编辑器？ [关闭]

Posted 2023-02-18

技术标签:

【中文标题】是否有可以立即显示更改的 HTML/CSS/JS 编辑器？ [关闭]【英文标题】：Is there an HTML/CSS/JS editor that immediately shows changes? [closed] 【发布时间】：2012-03-15 21:00:09 【问题描述】：

我刚刚看到了 Bret Victors 的主题演讲，名为“Inventing on Principle”。在大约 3:34 分钟，他使用了一个代码编辑器——在他做出改变之后——立即显示它的后果。当他打字时，立竿见影。

这是我正在谈论的视频： http://vimeo.com/36579366

另一个例子是real-time online html editor。

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

【问题讨论】：

您可能会发现HTML Editor 很方便。即使您离线，它也可以与您的文件系统交互并工作。 codverter.com/src/webeditor - 在分屏模式下查看网页时编写 HTML、CSS 和 javascript 代码。网页视图在打字时自动更新。非常适合草稿、草稿和快速入门。 【参考方案1】：

我不知道有没有免费的，但是TextMate 有一个实时预览窗口。只是不要下载版本 2 测试版——我认为它还没有在那里实施。您也可以查看Coda 和BBEdit。

【讨论】：

Coda 完成了 50% 的技巧：我可以将它垂直拆分为我的 index.html 视图，以便它同时显示代码和输出。但如果我切换到我的 style.css，它希望我再次拆分视图。那太复杂了，因为我在每个项目中有 5-10 个文件。斜体最好是编辑器显示文件列表和左侧的编辑器和右侧的输出。 SnoopCode 具有即时预览功能的实时 html 编辑器怎么样。 snoopcode.com/html/best-html-editor【参考方案2】：

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

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

【讨论】：

【参考方案3】：

CoffeeCup 有一个Web Editor in beta，它使用实时预览并包含您在视频中看到的代码预览连接。在预览中选择一个元素并选择相应的 HTML/CSS，或者选择 HTML 代码并在预览中查看它适用于哪个元素。

【讨论】：

【参考方案4】：

Brackets 看起来不错，但仍在开发中。

【讨论】：

哇，真的很好看，期待发布我想要的。这看起来很不错【参考方案5】：

如果您仍在寻找离线编辑器，您可以随时查看 Notepad++。它有一个实时的 html 预览，但没有显示大多数新的东西；只是基本的布局以及基本的 CSS。

Notepad++ Website