WebStorm 是我用过最智能的 JS IDE 了，抛砖引玉介绍几个非常中意的功能

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

This topic created in 4094 days ago, the information mentioned may be changed or developed.

之前都是用Sublime，这周用了WebStorm后发现再也回不去了...虽然很多特色功能通过安装插件Sublime都能实现，但还是决定换到WebStorm，特介绍几个收去了我的膝盖的功能：

1. 绑定Chrome，在IDE中进行JS代码调试（末尾放了个介绍这个功能的u2视频）
2. ctrl + 鼠标左击跳转方法定义（**话说我跳转后要怎么快速的返回来的地方呢？**）
3. Alt + F7 Find Usages 查找当前选中代码在项目中的使用
4. 类似Sublime插件gitgutter 标记有改动的行，并且更加便捷的提供show diff功能，再而且更改后的文件在左侧文件目录里也会被蓝色高亮文件名（**话说怎么快速看到哪些行被改动了呢？**）
5. 比sublime设计更好的右侧（放大镜）预览功能

请教还有什么大招吗？

Supplement 1 Mar 11, 2015

自问自答

**话说我跳转后要怎么快速的返回来的地方呢？**
ctrl+alt+左/右
**话说怎么快速看到哪些行被改动了呢？**
ctrl+shift+alt+上/下

webstorm

Sublime

IDE

32 replies 2015-03-14 11:00:35 +08:00

GlobalNPC

Mar 11, 2015

买的么？

pinkman

Mar 11, 2015

@infun 嗯，试用了一周后就回不去所以就买了

phoenixlzx

Mar 11, 2015 via Android

所以我现在开发完整项目都是用webstorm

ETiV

Mar 11, 2015

Sublime Text 对我来说就一跨平台的记事本而已

写代码必须用IDE才行...

GlobalNPC

Mar 11, 2015

@pinkman 真的好贵额

neoblackcap

Mar 11, 2015

@infun 不算贵了，上个月才打完折，我都买了个IDEA旗舰版了

blacktulip

Mar 11, 2015

首先，处理器要够快，内存要够大...

nivan

Mar 11, 2015

其实一开始让我用WebStorm。。我是拒绝的,看了楼主的介绍我决定试一试！+特技

FrankFang128

Mar 11, 2015 via Android

用了两年WS，正在把 VIM 打造为 WS

FrankFang128

Mar 11, 2015 via Android

更多大招看知乎上的回答： WebStorm 有哪些过人之处？

TerranC

Mar 11, 2015

问一下深入用过WebStorm和Sublime Text的同学：
WebStorm的跳转方法定义是简单的正则文本的结果还是根据语言有理解逻辑？
有什么Sublime Text装上相应插件后没有的功能吗？或更好用的功能吗？

Sivan

Mar 11, 2015

@TerranC
Sublime Text 可以用 SublimeCodeIntel，不过明显没有 WebStorm 跳的准确。

P233

Mar 11, 2015

@TerranC Sublime 的语言包根据正则判断 socpe，Sublime 再根据 socpe name 生成两份 index ：当前文件和 project。不过 Sublime 只提供了最基础的功能，有些限制，所以能用没问题算不上强大。

SoloCompany

Mar 11, 2015

@TerranC 基于 AST（语法树），这是整个集成环境体系的根本

https://medium.com/@fedor/intellij-tips-and-tricks-3e1dce6561a

P233

Mar 11, 2015

scope 竟然连续打错了两次...

kevinroot

Mar 11, 2015

IDEA中使用最多的双击shift搜索，ws应该也一样

xuwenmang

Mar 11, 2015

不喜欢IDE，感觉IDE是用来管理代码的。而不是用来写代码的。。。

太重了，项目没超过5MB，用这些IDE真的重。

mcfog

Mar 11, 2015

关于3. 这一点务必在keymap里映射到鼠标上，比如ctrl+alt+点击，和ctrl+点击配合起来的感觉……绝对戒不掉的=w=（个人偏好show usage那个销魂的小窗）

关于跳转 F2跳到下个黄线/红线，ctrl+shift+backspace跳到上次编辑过的地方，另外xxx+N(windows)/xxx+O(mac)的搜索类/文件名/符号名的功能，是支持选区的，也就是先选中一段内容再按……

还有聚焦到webstorm（而非J家）的话，膝盖必须是SpyJS的啊 http://spy-js.com/

哎……J家IDE的好处每天说一条一年也说不完啊

ChiangDi

Mar 11, 2015

告诉你一个杀手级的快捷键(Linux 下）： ctrl-w，按作用域选择。
我觉得 JB 家 IDE 最厉害的功能是 refactor！简直无敌。我用 RubyMine ，重命名，提取方法等等 refactor 功能真是太方便了。

luw2007

Mar 11, 2015

＠ChiangDi JetBrains 可以乱简写么？
其实还有ctrl + t/k 配合git pull/push,
alt + home
配合bug 平台可以导入task.
看看 keymaps 里面, 会发现更多.

@infun @pinkman @phoenixlzx @ETiV @neoblackcap @blacktulip @nivan @TerranC @Sivan @P233 @SoloCompany @kevinroot @mcfog
大家喜欢就买吧. 国内可以五折其实也没多少钱.