14

我一直在四处寻找。这可能比任何事情都更细微。当我做 jQuery 或其他 UI 工作时,我喜欢立即看到我的更改。Adobe Dreamweavers 实时取景端口做到了这一点,虽然不是特别好,但确实做到了。Kompozer 有一个视口,但它不是实时的,也没有 JS 或动作。有没有人知道除了 DW 之外有这个功能的 IDE 吗?Linux 是首选,但想知道任何事情。

作为一个兴趣点,我最近发现了 Wakanda http://wakanda.org

4

5 回答 5

3

我知道这篇文章已经有一年多了,但我想如果你有兴趣我会把它扔掉。Adobe 现在正在开发一种可能适合您的产品的产品。如果您有创意云,则可以预览该程序。它在创意云中被称为 Edge Code,但它也被开发为独立的、开源的、独立于平台的代码编辑器。我不知道为什么,但在创意云之外,它被称为括号。它不会在程序本身中进行实时查看,但它会自动在 Chrome 中打开文档,并在您进行更改时进行更新。真正有趣的是程序本身是用 html、css 和 JS 编写的,因此应该很容易根据自己的喜好进行定制。它目前处于测试阶段,可以在以下位置下载

于 2013-09-19T18:30:42.647 回答
2

它可能不是您正在寻找的东西(不支持 javascript),但 dabblet 是一个很棒的工具,用于编写 html+css 并在浏览器中实时观看预览。

dabblet 实时编辑器

于 2012-06-11T06:58:28.060 回答
2

我最近被 Sublime Text 2 深深吸引。在尝试了许多 IDE 之后,它是最让我印象深刻的一个。

我正在观看 Paul Irish 关于 2013 年 Web 开发工作流程的教程(视频仅部分相关),他在其中描述了一个插件,他使用该插件可以避免按 F5 来刷新浏览器。相反,每次他保存文件时都会更新它。

Sublime Text 2 越来越受欢迎,我的理解是它可以在 Linux 中很好地工作。该插件名为 LiveReload(10 美元)。

这将需要研究,但可能非常值得。关联

于 2012-06-11T15:01:01.987 回答
1

我创建了自己的开源编码游乐场,名为kodeWeave (它以Github Gist的形式保存和检索您的编织)。它适用于 Windows、Linux、Mac OS X、Android 和 Online(我也计划为 iOS 和 Windows Phone 发布它)。

在此处输入图像描述 在此处输入图像描述

其他一些可以试用的好编码游乐场是CodePenCSSDeckPlunkerJSBinjsFiddleLiveweave

还有一个由Adob ​​e创建的开源项目Brackets (它基本上是Edge Code的开源版本)。Brackets的好处是它在你的设备上本地运行它自己的服务器,所以如果你使用像JSZip这样的库,它可以立即工作。此外,每当您在Brackets中保存对文件所做的更改时,您的应用程序将在 Chrome 的调试器中重新加载(从Brackets启动)因此调试非常快速和容易,更不用说有很多插件可以提高生产力。真是太厉害了!

括号应用程序

还有Cloud9IDE

在此处输入图像描述

我相信您已经知道这一点,但 Chrome 开发人员工具也具有此功能。

于 2013-10-17T01:13:05.010 回答
1

Stylizer是一个不错的 CSS 实时版应用程序。

于 2012-06-05T12:09:46.043 回答