javascript 用于 HTML / CSS / Java Script 的 IDE，带实时视图端口
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/10881107/
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
IDE for HTML / CSS / Java Script w/ Live View Port
提问by eusid
I have been searching around. This is perhaps more a nuance than anything. When I do jQuery or other UI work I like seeing my changes immediately. Adobe Dreamweavers live view port does this, not extremely well, but it does it. Kompozer has a view port but its not live and no JS or actions. Does anybody know of an IDE out there besides DW that has this feature? Linux is preferred but would like to know of anything.
我一直在四处寻找。这可能比任何事情都更细微。当我做 jQuery 或其他 UI 工作时，我喜欢立即看到我的更改。Adobe Dreamweavers 实时视图端口可以做到这一点，虽然不是非常好，但确实做到了。Kompozer 有一个视图端口，但它不是实时的，也没有 JS 或操作。除了 DW 之外，还有人知道有这个功能的 IDE 吗？Linux 是首选，但想知道任何事情。
As a note of interest I recently discovered Wakanda http://wakanda.org
作为一个有趣的笔记，我最近发现了 Wakanda http://wakanda.org
回答by nherrmann
I know this post is over a year old, but I thought I'd throw this out if you are interested. Adobe is developing a product now that may fit what you are looking for. If you have the creative cloud, there is a preview of the program. It is called Edge Code in the creative cloud, but it is being developed as a standalone, open source, platform independent code editor as well. I'm not sure why, but outside of the creative cloud, it is called Brackets. It doesn't do a live view in the program itself, but it does automatically open the document in Chrome, and updates as you make changes. The really interesting thing is that the program itself is written in html, css, and JS, so that it should be easy to customize to your liking. It is currently in beta, and can be downloaded at
我知道这篇文章已经有一年多了，但如果你有兴趣，我想我会把它扔掉。Adobe 现在正在开发一种可能适合您正在寻找的产品。如果您有创意云，则可以预览该程序。它在创意云中被称为 Edge Code，但它也被开发为独立的、开源的、独立于平台的代码编辑器。我不知道为什么，但在创意云之外，它被称为 Brackets。它不会在程序本身中进行实时查看，但会自动在 Chrome 中打开文档，并在您进行更改时进行更新。真正有趣的是，程序本身是用 html、css 和 JS 编写的，因此应该很容易根据自己的喜好进行自定义。它目前处于测试阶段，可以在以下位置下载
回答by Shahar
It might not be exactly what you are looking for (does not support javascript), but dabblet is a great tool for writing html+css and watching the preview live as-you-type in the browser.
它可能不是您正在寻找的内容（不支持 javascript），但 dabblet 是编写 html+css 并在浏览器中按您输入的方式实时观看预览的绝佳工具。
回答by Hyman Stone
I have been recently love struck by Sublime Text 2. After trying many IDE's it is the one that impresses me the most.
我最近爱上了 Sublime Text 2。在尝试了许多 IDE 之后，它是给我印象最深的一个。
I was watching a tutorial by Paul Irish on Web Development workflows for 2013 (video only partially relevant), where he describes a plugin that he uses to avoid having to hit F5 to refresh the browser. Instead it is updated every time he saves a file.
我正在观看 Paul Irish 的关于 2013 年 Web 开发工作流的教程（视频仅部分相关），他在其中描述了一个插件，他使用该插件来避免必须按 F5 来刷新浏览器。相反，他每次保存文件时都会更新它。
Sublime Text 2 has been rising in popularity and my understanding is that it will work very well in Linux. The plugin is called LiveReload ($10).
Sublime Text 2 越来越受欢迎，我的理解是它在 Linux 中运行良好。该插件名为 LiveReload（10 美元）。
It will require research, but is likely well worth it. Link
这将需要研究，但可能非常值得。关联
回答by Michael Schwartz
I made my own open sourcecoding playground called kodeWeave(which saves and retrieves your weaves as a Github Gist). It's available for Windows, Linux, Mac OS X, Android and Online (I also plan on releasing it for iOS and Windows Phone too).
我创建了自己的开源编码游乐场，名为kodeWeave（它将您的编织保存和检索为Github Gist）。它适用于 Windows、Linux、Mac OS X、Android 和在线（我也计划为 iOS 和 Windows Phone 发布它）。
Some other good coding playgrounds to tryout are CodePen, CSSDeck, Plunker, JSBin, jsFiddle, Liveweave.
其他一些可供试用的优秀编码游乐场包括CodePen、CSSDeck、Plunker、JSBin、jsFiddle、Liveweave。
There is also Bracketswhich is an open source project created by Adobe(It's basically the open source version of Edge Code). The nice thing about Bracketsis it runs off it's own server locally on your device so if you're using a library like JSZipit works right away. In addition whenever you save a change made in a file in Bracketsyour app will reload in Chrome's Debugger (launched from Brackets) So debugging is very fast and easy, not to mention there's lots of plugins that are made to increase productivity. It's really tremendous!
还有Brackets，这是Adobe创建的一个开源项目（它基本上是Edge Code 的开源版本）。约的好处支架是它运行了它自己的服务器在本地设备上，所以如果你使用就像一个图书馆JSZip它工作的时候了。此外，每当您在Brackets 中保存在文件中所做的更改时，您的应用程序都会在 Chrome 的调试器（从Brackets启动）中重新加载，因此调试非常快速和简单，更不用说有很多插件可以提高生产力。真是太厉害了！
There's also the Cloud9IDE.
还有Cloud9IDE。
I'm sure you already know this but the Chrome Developer Tools has this capability as well.
我相信您已经知道这一点，但 Chrome 开发人员工具也具有此功能。
