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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3529 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

请教还有什么大招吗？

第 1 条附言 · 2015-03-11 19:51:34 +08:00

自问自答

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

webstorm

Sublime

IDE

32 条回复 • 2015-03-14 11:00:35 +08:00

infun

2015-03-11 19:11:18 +08:00

买的么？

pinkman

2015-03-11 19:18:00 +08:00

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

phoenixlzx

2015-03-11 20:01:17 +08:00 via Android

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

ETiV

2015-03-11 20:03:50 +08:00

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

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

infun

2015-03-11 20:03:59 +08:00

@pinkman 真的好贵额

neoblackcap

2015-03-11 20:10:47 +08:00

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

blacktulip

2015-03-11 20:20:13 +08:00

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

nivan

2015-03-11 20:31:29 +08:00

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

FrankFang128

2015-03-11 20:40:09 +08:00 via Android

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

FrankFang128

2015-03-11 20:41:03 +08:00 via Android

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

TerranC

2015-03-11 20:47:59 +08:00

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

Sivan

2015-03-11 20:50:06 +08:00

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

P233

2015-03-11 21:08:25 +08:00

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

SoloCompany

2015-03-11 21:09:00 +08:00

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

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

P233

2015-03-11 21:09:38 +08:00

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

kevinroot

2015-03-11 21:13:48 +08:00

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

xuwenmang

2015-03-11 21:30:16 +08:00

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

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

mcfog

2015-03-11 21:47:08 +08:00

关于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

2015-03-11 22:12:00 +08:00

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

luw2007

2015-03-11 22:29:44 +08:00

＠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
大家喜欢就买吧. 国内可以五折其实也没多少钱.