推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
pinkman

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

  •  2
     
  •   pinkman · Mar 11, 2015 · 17784 views
    This topic created in 4263 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+上/下
    32 replies  •  2015-03-14 11:00:35 +08:00
    GlobalNPC
    GlobalNPC
    Mar 11, 2015
    1
    买的么?
    pinkman
    pinkman
    OP
    Mar 11, 2015
    2
    @infun 嗯,试用了一周后就回不去所以就买了
    phoenixlzx
    phoenixlzx
    Mar 11, 2015 via Android
    3
    所以我现在开发完整项目都是用webstorm
    ETiV
    ETiV
    Mar 11, 2015
    4
    Sublime Text 对我来说就一跨平台的记事本而已

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

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

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

    我映射成了Ctrl-Alt-Space
    SoloCompany
    SoloCompany
    Mar 12, 2015 via iPad
    25
    @Fedor 233333333333333333333
    sxd
    sxd
    Mar 12, 2015
    26
    大杀器是 默认快捷键 ctrl + w
    rannnn
    rannnn
    Mar 12, 2015
    27
    JS语法提示还是硬伤
    rekey
    rekey
    Mar 12, 2015
    28
    js 语法提示很猛的。或许是你没注释啥的。。。
    Sivan
    Sivan
    Mar 12, 2015
    29
    @luw2007 现在应该没有五折活动了吧,我现在用的 PhpStorm 7,前年买的,到期一直没续费也升不了 8。如果有五折我就重新买不续费了……
    vvtommy
    vvtommy
    Mar 12, 2015
    30
    注释没有缩进的问题大家怎么解决的?
    luw2007
    luw2007
    Mar 12, 2015 via Android
    31
    @Sivan 许愿,还愿机制。比如考试不挂科,我就买买买。
    或者诅咒机制,不买就找不到女py。
    TerranC
    TerranC
    Mar 14, 2015
    32
    @Sivan
    @SoloCompany
    @P233
    是的,我就是觉得St不准确,根本不是从语义出发的,一直觉得毕竟是个文本编辑器,放过自己放过它,呵呵。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2370 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 59ms · UTC 11:39 · PVG 19:39 · LAX 03:39 · JFK 06:39
    ♥ Do have faith in what you're doing.