用webstorm调试coffeescript

转载 于 2019-07-20 13:07:01 发布 · 230 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/chaosim/archive/2013/05/04/3059061.html

本文介绍如何在 WebStorm 6 中调试 CoffeeScript 代码，并探讨了是否需要使用 sourcemap 来辅助调试过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在webstorm6中也可以调试coffeescript。

要不要借助 source map呢？

转载于:https://www.cnblogs.com/chaosim/archive/2013/05/04/3059061.html

WebStrom编写CoffeeScript使用谷歌浏览器进行调试
不二领域
01-14 878
一、装好你需要的软件和环境，这个就不一一列举了，以下要用的装好就行了 二、谷歌浏览器中要加载好JetBrains IDE Support，首先下好JetBrains IDE Support压缩包，解压出来之后将2.0.7_0.crx文件拖到 这个界面里去，这是加载完成之后的效果，选项中的配置如下图所示 ，OK浏览器的配置就这样子 三、在WebStrom中导入你的no
为什么推荐前端用WebStorm软件编程？
程序研博客
05-22 1368
被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。它支持JavaScript、ECMAScript 6、TypeScript、CoffeeScript、Dart和Flow等多种语言的代码辅助功能，同时也支持HTML、CSS、Less、Sass和Stylus等代码的编写。WebStorm具有智能代码补全、代码重构、代码检查、调试、前端框架支持等多种功能，能够显著提高开发者的开发效率和质量。
配置webstorm使其支持coffee-script
weixin_34310127的博客
07-02 309
2019独角兽企业重金招聘Python工程师标准>>> ...
CoffeeScript
weixin_33755649的博客
06-02 116
CoffeeScript 是一门编译到 JavaScript 的小巧语言.在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展示 JavaScript 优秀的部分. CoffeeScript 的指导原则是:"她仅仅是 JavaScript". 代码一一对应地编译到 JS, 不会在编译过程中进行解释. 已有的 JavaSc...
调试coffee script 的一个技巧
weixin_30889885的博客
07-20 163
2013-5-2 用coffee编译生成 .js的时候加上--map选项，生成源代码映像(source map)文件。 然后，调试的时候现代浏览器就能够利用该映像文件在.coffee中显示和断点 是否需要放在同一个目录下？ 转载于:https://www.cnblogs.com/chaosim/archive/2013/05/02/3054471.html...
WebStorm安装包
04-03
WebStorm是一款由JetBrains公司开发的专业前端开发集成环境（IDE），尤其受到JavaScript、HTML、CSS以及其他Web技术开发者们的...通过使用WebStorm，开发者可以更加专注于代码创作，而不是被琐碎的开发环境配置所困扰。
前端开发IDE、JS神器WebStorm5教程------免费下载.pdf
10-02
WebStorm 5 的代码导航和用法查询功能可以快速跳转到定义，可以全项目查找函数或者变量，还可以查找使用并高亮。 代码重构 WebStorm 5 的代码重构功能支持重命名、提取变量/函数、内联变量/函数、移动/复制、安全...
WebStorm2018.02.rar
07-25
10. **多语言支持**：WebStorm不仅支持JavaScript，还支持TypeScript、CoffeeScript、Flow等语言，以及JSON、HTML、CSS、Less、Sass等Web相关格式。 在安装WebStorm 2018.02时，用户需要注意以下几点： 1. **系统...
wallaby-coffeescript-sample:使用wallaby.js测试CoffeeScript应用程序
05-11
本篇文章将深入探讨如何使用Wallaby.js来测试CoffeeScript应用程序，以及它在`wallaby-coffeescript-sample-master`项目中的应用。 首先，让我们理解CoffeeScript。CoffeeScript是一种简洁、易读的编程语言，它编译...
实现测试支持用 CoffeeScript 调试的 Chrome 扩展
weixin_33737774的博客
05-19 142
最近应用开发的过程中出现了一个小问题，顺便记录一下原因和方法--实现测试     CoffeeScript 愈来愈流行了，coffee控门想尽一切手腕轻视js的臃肿。这个扩展就可以在console里也能应用coffee script          不会coffee，只能简单的抄这么一句测试下。。     已实现的功能：     - 应用 CoffeeScript 输入 - 格式化输出...
NodeJs/Zen Coding/Less/coffeescript支持—Webstorm入门指南
fangyong2006的专栏
01-09 226
转载自http://www.36ria.com/5869 NodeJs/Zen Coding/Less/coffeescript支持—Webstorm入门指南 Webstorm作为个javascript的IDE，提供了最天然的NodeJs支持，在Webstorm中，您可以运行、调试、自动提示NodeJs。 Webstorm对NodeJs的支持 随便建个demo工程，建个runner.js...
coffee在nodejs端的调试
taoerchun的专栏
08-15 1441
coffee对javascript语言重新定义了语法，它比后者更简洁，很多开发者在用。其实他最终还是要靠解析器解析为javascript后才能在浏览器或后端运行。 如果nodejs后端是用coffee写的，那它的调试是不是跟用原生javascript写的一样呢？下面介绍两种方法供大家参考。 方法一、将coffee代码编译为javascript,然后用我上篇文章介绍的nodejs 调
支持用 CoffeeScript 调试的 Chrome 扩展
黄沙百战穿金甲，不破楼兰终不还。
05-18 1691
CoffeeScript 越来越流行了，coffee控门想尽一切手段鄙视js的臃肿。这个扩展就可以在console里也能使用coffee script 不会coffee，只能简单的抄这么一句测试下。。 已经实现的功能： - 使用 CoffeeScript 输入 - 格式化输出 - 自动补全 - 命令历史 安装地址：https://chrome.google.c
用coffeescript 进行web开发
legend_x的专栏
10-07 913
​最近在学习coffeescript ，并在项目中引入 coffee-script.js 进行实践，发现当在JSP中使用#{...}，会有错误出现，究其原因发现，确实是JSP2.1引起的编译错误，因为JSP2.1规范将#{...}作为保留表达式，解决此问题的最简单办法是在JSP中加入如下语句：<%@ page contentType="text/html; charset=UTF-8" def
Jetbrains Idea 内 CoffeeScript 的 mocha 单元测试的配置
weixin_34010566的博客
01-09 430
为什么80%的码农都做不了架构师？>>> ...
WebStorm debug JS示例
热门推荐
Quincylk的专栏
04-26 2万+
1. 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。具体步骤参见http://hi.baidu.com/shaw_cd/item/8af86aa0e6c098a029ce9d1e。 2. 运行WebStrom，创建一个web project。 3. 修改index.html文件如下： JavaScript 能够直接写入 HTML 输出
webstorm有那些好用的特性
hpu_jxust的专栏
06-04 2857
Webstorm 是一个强大的前端开发 ide，大多数人使用 webstorm 的主要原因应该是它 NB 的智能提示功能。强大的智能提示只是它的一个功能特性，它还具有许多有用的特性，比如版本控制、本地历史、即时模板等。这里我列一下对我来说非常有用的功能。 Version Control - 版本控制 webstorm 集成了多种版本控制工具，基本的功能都可以使用，只是快捷键是个
webstrom实用高效开发技巧及快捷键
weixin_44725156的博客
06-20 448
收起与展开代码(windows)： ctrl shift - :快速收起所有（函数）方法 ctrl shift + :快速展开所有（函数）方法 收起与展开代码(mac)： shift command - :快速收起所有（函数）方法 shift command + :快速展开所有（函数）方法 拷贝对象路径（引用）： 经常我们想得到对象的逐级引用路径地址，一个个敲或粘贴...
WebStorm是干嘛用的
最新发布
07-02
WebStorm 是由 JetBrains 公司开发的一款 **专业的前端开发 IDE（集成开发环境）**，...> **WebStorm 是专为现代 Web 开发设计的“全能型”IDE，适合需要高效编码、深度调试和稳定开发体验的专业前端开发者。** ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值