【发布时间】：2012-09-30 21:46:22
【问题描述】：
我正在寻找一个类似于coffee2js 网站的简单 IDE：
- 2 窗格 - 左侧为 CoffeeScript，右侧为 JavaScript - 实时预览
- 简单的调试功能 - REPL、断点、步进
【问题讨论】：
标签： javascript debugging ide editor coffeescript
【发布时间】：2012-09-30 21:46:22
【问题描述】：
Visual Studio 有插件 Web Essentials，允许透明编译 CoffeeScript，所以你可以打开编译好的 JS 和垂直分割窗口等
Sublime Text 2 也有用于编译 CoffeeScript 的插件，并且还允许在两个窗口上分屏。
我个人很喜欢这三个（包括 Webstorm wrick 的回答），并根据项目使用它们（VS2012 中的 .NET 堆栈，ST2 和 WS 中的其他东西）
【讨论】：
-
当我在coffee2js网站上打字时它会进行实时预览还是我必须点击按钮？
-
我相信你必须点击按钮，但似乎你可以调整插件并在 keypressed 或 keyup 时触发它，只需检查不同的 github。
-
谢谢，但仍然不确定它是否会在 CoffeeScript 上本地设置断点？我总是可以在生成的 JS 上进行调试，但这并不好玩。
-
Webstorm 没有实时预览
老式的 vim 有一个插件可以启用实时预览 https://github.com/kchmck/vim-coffee-script 如果您正在寻找轻量级解决方案。
:CoffeeCompile watch
【讨论】：
找到一个：Webstorm。虽然它是一个比我想象的更丑陋的重量级 IDE（看起来像是 IntelliJ 的一个分支）
【讨论】：
-
我认为它是 IntelliJ，只是配置和“包装”略有不同。
-
@harke: 同一个 IDE 平台，他们有针对几乎所有平台/框架的专用产品 - IntelliJ、PyCharm、WebStorm PhpStorm 等
不管怎样，我已经尝试过 Komodo、Sublime、Aptana 等。对于前端，大量使用 javascript 的 Web 开发，Webstorm 是最好的。
正如你所说，@wrick，它有一个 live coffeescript preview 选项。
它还（至少在最新的 EAP 中）具有 SASS 编译和 JSHint 集成。
【讨论】：