intellij-idea - 使用 IntelliJ 调试 CoffeeScript-6ren

intellij-idea - 使用 IntelliJ 调试 CoffeeScript

转载作者：行者123 更新时间：2023-12-04 03:38:21

24

4

我正在开始一个新的 Web 项目，配置的最后一部分是为我的 CoffeeScripts 文件启用调试。

整个项目是使用 Grunt 任务构建的，该任务将 coffee 编译为 js 并生成正确的映射文件，但我无法在 IntelliJ 中进行 Coffeescript 调试。

请注意，我不想使用 IntelliJ 文件观察器。

这是我的 Gruntfile :

module.exports = (grunt) ->
  grunt.initConfig
    pkg: grunt.file.readJSON('package.json')
    coffee:
      options:
        sourceMap: true
      files:
        expand: true
        flatten: true
        cwd: 'src/'
        src: ['**/*.coffee']
        dest: 'src/'
        ext: '.js'
    concat:
      option:
        separator: ';'
      dist:
        src: ['src/**/*.js']
        dest: 'dist/<%= pkg.name%>.js'
    uglify:
      options:
        banner: '/*! <%= pkg.name %> v<%= pkg.version%> by Pierre Degand <%= grunt.template.today("dd-mm-yyyy") %> */\n'
      dist:
        files:
          'lib/<%= pkg.name%>.min.js': ['<%= concat.dist.dest %>']
    watch:
      files: ['<%= coffee.files.src %>']
      tasks: ['coffee', 'concat', 'uglify']

  grunt.loadNpmTasks('grunt-contrib-concat')
  grunt.loadNpmTasks('grunt-contrib-uglify')
  grunt.loadNpmTasks('grunt-contrib-coffee')
  grunt.loadNpmTasks('grunt-contrib-watch')

  grunt.registerTask('default', ['coffee', 'concat', 'uglify'])

我的简单 CoffeeScript 文件(断点在 IntelliJ 的第 2 行):

name = 'Pierre'
console.log "Hello #{name} !"

从 Grunt 生成的 JS 文件:

(function() {
  var name;

  name = 'Pierre';

  console.log("Hello " + name + " !!");

}).call(this);

/*
//@ sourceMappingURL=app.js.map
*/

源图

{
  "version": 3,
  "file": "app.js",
  "sourceRoot": "",
  "sources": [
    "app.coffee"
  ],
  "names": [],
  "mappings": "AAAA;CAAA,GAAA,EAAA;;CAAA,CAAA,CAAO,CAAP,IAAA;;CAAA,CACA,CAAA,CAAa,CAAb,EAAO,CAAM;CADb"
}

最后是我用来测试的 html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<script type="text/javascript" src="src/app.js"></script>
</body>
</html>

当我使用 File watchers 时，.js 和 .map.js 是 .coffee 文件的子文件，我可以在不使用 File Watchers 的情况下实现相同的行为吗？

如果我在 IntelliJ 中右键单击/“Debug index.html”，我可以读到“Hello Pierre!!”在我的 IntelliJ 调试器控制台中，但脚本在 console.log()

上没有中断

有人遇到同样的问题吗？

谢谢!

最佳答案

When I used File watchers, the .js and the .map.js were subfiles of the .coffee file, can I achieve the same behavior without using File Watchers?

不，你不能。这是一个文件观察器功能

If I right-click/"Debug index.html" in IntelliJ, I can read "Hello Pierre!!" in my IntelliJ debuger console, but the script is not breaked on the console.log()

如果我在执行代码后在浏览器中刷新页面，这对我有用。请投票给this ticket

关于intellij-idea - 使用 IntelliJ 调试 CoffeeScript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17537255/

24

4

0

文章推荐： ruby-on-rails - Rails，如何通过删除has_many 中的关联

文章推荐： ruby-on-rails - rake 和 bin/rake 的区别

文章推荐： multithreading - TDD 测试重构以支持多线程

java - 调试 "Step into"类调用导致 "Class not found"异常 - Eclipse 调试
昨晚我因为这个问题脑子崩溃了。在确保没有来 self 的 eclipse 错误检查的明显错误之后，我开始调试我的程序。顺便说一下，我正在使用 Jre7。无论如何，每次我进入我的类调用(我们称之为“a”
gcc - 是否可以使用 lldb 调试 gcc 编译的程序，或使用 gdb 调试 clang 编译的程序？
(前言:我对 C/C++ 还很陌生，我真的不知道 native 代码中的调试实际上是如何工作的。) 一些消息来源说 gdb 和 lldb 可以调试 any program compiled to ma
debugging - 调试 T4Scaffolding.Core Nuget 包时的 Set-DefaultScaffolder : Cannot get an instance of EnvDTE. DTE - 高级 Powershell 调试
我正在尝试从 Visual Studio 2012 外部调试 T4Scaffolding.Core Nuget 包。我使用的是安装了 Powershell 3.0 的 Powershell ISE，并
调试 assembly
如何调试汇编代码？我在 Linux 上使用 gdb。我知道我可以看寄存器。有哪些调试汇编代码的方法？最佳答案您当然可以使用 breakpoints就像 C 或任何其他编译语言一样。 This ar
Haskell 调试
如何在每次通话时打印列表或 haskell 中的内容，例如: funct a list = funct (a + 1) (a : list) print list her
调试 Makefile
让我用我对 Makefiles 或 make 知之甚少的评论作为这个问题的前缀。有一个非常大的项目，每晚自动构建。它以 Debug 和 Release 模式构建，Debug 用于 Valgrind
计算周薪和加类费的C程序不起作用？调试
我正在创建一个计算每周工资的程序，那么任何加类工资都是该周正常工资的 1.5 倍。我的代码如下: #include int main() { double payrate; double h
JavaScript 调试
我使用的是 Visual Studio 2010 Express Developer 版本。开发网站。我在我的 .aspx 页面中使用 JavaScript。如何在 Javascript 中放置断点
Javascript 调试
我最近开始修补 Project Euler 问题，并尝试用 Javascript 解决它们。这样做我往往会产生许多无限循环，现在我想知道是否有比终止 Firefox 或 Chrome 中的选项卡更好的
Python实时编码/调试
有没有办法在程序执行期间生成一个交互式 python 控制台(最好是 iPython)而不暂停主程序并且能够检查和修改程序变量？类似于浏览器为 JavaScript 提供的功能。我知道 pdb.se
android - 调试 FFmpeg
我正在使用 FFmpeg @ Android 并希望能够进入 FFmpeg 代码(Eclipse + Seqouya)，同时编译 FFmpeg 我使用 --disable-stripping --en
.net - 调试.net进程时如何找到LastError的值？
我从使用互操作调用 win32 api 函数的 .net 进程中得到一个异常。我有一个调试器，我想查看 LastError 的值。是否可以从 Visual Studio 调试器中查看 LastEr
vba - Navigate2 调试
我正在尝试通过 VBA 创建一个宏，以在 IE 的多个选项卡中打开一组指定的链接。目前我正在使用下面的代码，如果我试图打开 3 个或更少的选项卡，它大部分时间都可以工作。任何超过 3 的代码都会在“N
debugging - MonoDevelop 调试？
好的，这似乎是一个愚蠢的问题，因为 MonoDevelop 越来越成熟，所以我确定我只是想念它，但我环顾四周，所有关于这个主题的问题似乎都是关于远程调试或 Mac 上的调试。我使用的是 Ubuntu
调试 littler/Rscripts
如何调试 Rscripts是从命令行运行的？我目前正在使用 getopt传递命令行选项的包，当有错误时，我很难: 看看到底出了什么问题；在 R 中交互式调试(因为脚本需要命令行选项。) 有没有人有
Adobe ExtendScript 调试
支持 PDF 和网络上的信息很少。我碰巧在博客中看到一篇文章，提到 $.write() 或 $.writeln() 将向 javascript 控制台写入一个字符串。相当有用。有谁知道这个 $ 对象是
PyCharm JavaScript 调试
PyCharm 1.5 中是否可以使用 Firefox 和 Chrome 支持的 JavaScript 调试？如果是这样，它能否与 Python/Django 调试器一起有效运行？如果没有，有没有
debugging - 调试 Release模式应用程序的最佳方法
我确定这以前发生在人们身上，某些东西在 Debug模式下工作，你在发布时编译，但有些东西坏了。这发生在我在嵌入式 XP 环境中工作时，我发现最好的方法确实是编写一个日志文件来确定它会出错的地方。您
php - Flow3 调试
我目前正在为即将到来的项目评估 Flow3。 AOP 模式和依赖注入(inject)将非常适合我们的目的。现在我想不通的是如何在 Controller Action 中调试一些结果。 public
Django Gunicorn 调试
最初，我有一个包含测试服务器的 Django 应用程序。要调试此设置，我只需添加 import pdb; pdb.set_trace()代码中的任何位置，并且有一个断点将我扔到终端中的交互式调试器中(

首页

博学

6Ren·AI

商城

intellij-idea - 使用 IntelliJ 调试 CoffeeScript