WebStorm 是我用过最智能的 JS IDE 了,抛砖引玉介绍几个非常中意的功能 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
pinkman
V2EX    Javascript

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

  •  2
     
  •   pinkman 2015 年 3 月 11 日 17224 次点击
    这是一个创建于 4009 天前的主题,其中的信息可能已经有所发展或是发生改变。
    之前都是用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 年 3 月 11 日
    自问自答

    **话说我跳转后要怎么快速的返回来的地方呢?**
    ctrl+alt+左/右
    **话说怎么快速看到哪些行被改动了呢?**
    ctrl+shift+alt+上/下
    32 条回复    2015-03-14 11:00:35 +08:00
    GlobalNPC
        1
    GlobalNPC  
       2015 年 3 月 11 日
    买的么?
    pinkman
        2
    pinkman  
    OP
       2015 年 3 月 11 日
    @infun 嗯,试用了一周后就回不去所以就买了
    phoenixlzx
        3
    phoenixlzx  
       2015 年 3 月 11 日 via Android
    所以我现在开发完整项目都是用webstorm
    ETiV
        4
    ETiV  
       2015 年 3 月 11 日
    Sublime Text 对我来说就一跨平台的记事本而已

    写代码必须用IDE才行...
    GlobalNPC
        5
    GlobalNPC  
       2015 年 3 月 11 日
    @pinkman 真的好贵额
    neoblackcap
        6
    neoblackcap  
       2015 年 3 月 11 日
    @infun 不算贵了,上个月才打完折,我都买了个IDEA旗舰版了
    blacktulip
        7
    blacktulip  
       2015 年 3 月 11 日
    首先,处理器要够快,内存要够大...
    nivan
        8
    nivan  
       2015 年 3 月 11 日
    其实一开始让我用WebStorm。。 我是拒绝的,看了楼主的介绍我决定试一试!+特技
    FrankFang128
        9
    FrankFang128  
       2015 年 3 月 11 日 via Android
    用了两年WS,正在把 VIM 打造为 WS
    FrankFang128
        10
    FrankFang128  
       2015 年 3 月 11 日 via Android
    更多大招看知乎上的回答: WebStorm 有哪些过人之处?
    TerranC
        11
    TerranC  
       2015 年 3 月 11 日
    问一下深入用过WebStorm和Sublime Text的同学:
    WebStorm的跳转方法定义是简单的正则文本的结果还是根据语言有理解逻辑?
    有什么Sublime Text装上相应插件后没有的功能吗?或更好用的功能吗?
    Sivan
        12
    Sivan  
       2015 年 3 月 11 日
    @TerranC
    Sublime Text 可以用 SublimeCodeIntel,不过明显没有 WebStorm 跳的准确。
    P233
        13
    P233  
       2015 年 3 月 11 日
    @TerranC Sublime 的语言包根据正则判断 socpe,Sublime 再根据 socpe name 生成两份 index : 当前文件 和 project。不过 Sublime 只提供了最基础的功能,有些限制,所以能用没问题 算不上强大。
    SoloCompany
        14
    SoloCompany  
       2015 年 3 月 11 日
    @TerranC 基于 AST(语法树),这是整个集成环境体系的根本

    https://medium.com/@fedor/intellij-tips-and-tricks-3e1dce6561a
    P233
        15
    P233  
       2015 年 3 月 11 日
    scope 竟然连续打错了两次...
    kevinroot
        16
    kevinroot  
       2015 年 3 月 11 日
    IDEA中使用最多的双击shift搜索,ws应该也一样
    xuwenmang
        17
    xuwenmang  
       2015 年 3 月 11 日
    不喜欢IDE,感觉IDE是用来管理代码的。而不是用来写代码的。。。

    太重了,项目没超过5MB,用这些IDE真的重。
    mcfog
        18
    mcfog  
       2015 年 3 月 11 日
    关于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
        19
    ChiangDi  
       2015 年 3 月 11 日
    告诉你一个杀手级的快捷键(Linux 下): ctrl-w,按作用域选择。
    我觉得 JB 家 IDE 最厉害的功能是 refactor!简直无敌。我用 RubyMine ,重命名,提取方法等等 refactor 功能真是太方便了。
    luw2007
        20
    luw2007  
       2015 年 3 月 11 日
    @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
    大家喜欢就买吧. 国内可以五折其实也没多少钱.
    WispZhan
        21
    WispZhan  
       2015 年 3 月 11 日
    jetbrains 家的东西都好用,基本上都用过了。不过可耻的是盗版,打算项目奖金到了买个IDEA
    Automan
        22
    Automan  
       2015 年 3 月 11 日
    JB家的都在用,学生可以免费,很爽~~
    ffffwh
        23
    ffffwh  
       2015 年 3 月 12 日
    alt+上:按照语义逐步扩展选区。

    我映射成了Ctrl-Alt-Space
    SoloCompany
        25
    SoloCompany  
       2015 年 3 月 12 日 via iPad
    @Fedor 233333333333333333333
    sxd
        26
    sxd  
       2015 年 3 月 12 日
    大杀器是 默认快捷键 ctrl + w
    rannnn
        27
    rannnn  
       2015 年 3 月 12 日
    JS语法提示还是硬伤
    rekey
        28
    rekey  
       2015 年 3 月 12 日
    js 语法提示很猛的。或许是你没注释啥的。。。
    Sivan
        29
    Sivan  
       2015 年 3 月 12 日
    @luw2007 现在应该没有五折活动了吧,我现在用的 PhpStorm 7,前年买的,到期一直没续费也升不了 8。如果有五折我就重新买不续费了……
    vvtommy
        30
    vvtommy  
       2015 年 3 月 12 日
    注释没有缩进的问题大家怎么解决的?
    luw2007
        31
    luw2007  
       2015 年 3 月 12 日 via Android
    @Sivan 许愿,还愿机制。比如考试不挂科,我就买买买。
    或者诅咒机制,不买就找不到女py。
    TerranC
        32
    TerranC  
       2015 年 3 月 14 日
    @Sivan
    @SoloCompany
    @P233
    是的,我就是觉得St不准确,根本不是从语义出发的,一直觉得毕竟是个文本编辑器,放过自己放过它,呵呵。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1335 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 23:56 PVG 07:56 LAX 15:56 JFK 18:56
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86