WebStorm安装Vim以及快捷键设置

转载 2015年11月18日 17:12:45

运气好,赶上了2012年12月21日“世界末日”的促销活动,便宜买到了这款号称The smartest JavaScript IDE的软件。

我一向对工具很挑剔,由于是从.NET转型成Web前端,在尝试了Sublime Text 2以后,还是觉得VS把Web Essential, VsVim之类的插件装全了,更好用也更好看一些。

同时,作为一个Vim的受益者,IDE对Vim支持得如何很大程度上影响了我的选择。在vim的支持方面,VS的VsVim和Sublime的Vintage都有一些缺陷。种种原因,令我对WebStorm充满了期待。

安装Vim插件

在主界面用快捷键ctrl+alt+s打开settings界面,左侧导航栏里选中plugin项,如下图:

browse_repo

选中plugins后,会在右侧列出所有已安装的插件,我们要新安装一个插件,因此要点击Browse repositories。

弹出的新窗口默认会列出所有的插件,我们在右上角的搜索框输入ideavim进行筛选,然后在ideaVim上右键选择Download and install,如下图:

ideavim

下载进度会显示在WebStorm主窗口底部的状态栏,下载完毕后会有提示,需要重启Web Storm才能使插件生效,如下图:

restart

重启后,就已经是Vim的输入方式了。这时候打开Tools菜单,会看见多了两项。

VIM Emulator:切换是否使用Vim的输入方式。

Reconfigure VIM Keymap: 设置快捷键。下文中我们将会用它来设置快捷键。

reconfig_vim_keymap

 

设置快捷键

长期在Windows下工作,使用Vim不可避免要搭配一些Windows的快捷键,比如ctrl+c, ctrl+v,在gVim, VsVim, Vintage里都做出了妥协,采用了Windows的行为。但WebStorm默认并没有保持这些快捷键在Vim中原有的作用。没关系,下面就来详述一下如何解决这个问题。

具体做法是:新建一套键盘映射,然后让vim使用这套映射。

首先,在主界面用快捷键ctrl+alt+s打开settings界面,左侧导航栏里选中Keymap项,如下图:

copy_default

在右侧的keymaps下拉列表中选择Default,我们将以此为基础进行修改,因此点击copy按钮,复制一份新的出来,接下来就可以放心在上面修改了。

给它起一个新的名字myVim。

现在要看看copy命令的快捷键,于是在右上的搜索框输入copy,会把与copy相关的都筛选出来,见下图:

search_copy

我们看到,ctrl+V和ctrl+Insert都能达到copy的目的。同样,在Default模式下ctrl+V也可以实现paste操作了,这些快捷键都从Default那里继承了过来。

常使用Vim的人肯定知道Esc键有多常用。但现代键盘几乎都让Esc键偏居一隅,够起来不方便。其实在标准的Vim里,ctrl+[同样能达到Esc的效果。但是在WebStorm的Default模式下,ctrl+[已经被赋予了另外的作用,由于myVim从Default继承而来,因此ctrl+[也起不到Esc的作用。好在WebStorm的自定义快捷键可以覆盖系统的默认设置。

在上图中快捷键的位置上点击右键,会弹出用于删除和添加快捷键的菜单。修改的时候,如果和别的快捷键有冲突会看到红字提醒。例如下图所示,ctrl+[的原有功能是Move caret to code block start. 我们的本意就是给它赋予新的功能,果断点OK,接下来会再弹一个确认对话框,点remove删除原有的热键功能。

conflict

 

完成后点击下面的OK按钮退出Keymaps设置。如下图,打开主界面菜单栏中的Tools > Reconfigure VIM Keymap,下拉列表中选择刚才新建的myVim。重启WebStorm,大功告成。

reconfig_vim_keymapvim keymap settings

这时候再试一试ctrl+[,是不是已经可以从Insert Mode返回到Normal Mode了?

 

避免按Esc键的其他方法

有人觉得ctrl+[按起来麻烦,习惯用CapsLock或者JJ来模拟Esc,可以看一下http://vim.wikia.com/wiki/VimTip285

针对Windows用户的配置,请参考 http://vim.wikia.com/wiki/VimTip75

转自:http://www.cnblogs.com/dc10101/archive/2013/01/02/2841900.html

WebStorm安装Vim插件以及快捷键设置

转载:http://www.cnblogs.com/dc10101/archive/2013/01/02/2841900.html 运气好,赶上了2012年12月21日“世界末日”的促销活动,便宜...
  • Quincylk
  • Quincylk
  • 2014年11月28日 10:57
  • 7109

如何在IDEA中关闭vim模式

菜单栏:tools->vim emulator
  • u011357712
  • u011357712
  • 2017年05月31日 20:06
  • 4607

webstorm 常用插件集合

ideaVim ignore eslint AceJump Key Promoter Markdown AngularJS activate-power-mode Material Theme UI ...
  • xs20691718
  • xs20691718
  • 2016年08月21日 19:45
  • 13784

Intellij Idea 的 vim 插件和默认快捷键冲突解决的方法

可以在 2016 版的 Setting --> Other Settings --> Vim Emulation 中可以自己选择如何处理冲突的按键...
  • kl28978113
  • kl28978113
  • 2016年12月13日 11:41
  • 4123

webstorm 调出 terminal 快捷键

默认webstorm 显示终端 terminal 的快捷键 alt+f12
  • ISaiSai
  • ISaiSai
  • 2015年09月19日 11:35
  • 20358

idea取消vim模式

在安装idea时选择了vim编辑模式,但是用习惯了eclipse,总是要拷贝粘贴,在idea中一直按ctrl+c和ctrl+v不起总用。于是想把vim模式关闭掉。 方法:菜单栏:tools-...
  • freyaalisa
  • freyaalisa
  • 2017年07月08日 09:07
  • 2221

WebStorm安装Vim以及快捷键设置

运气好,赶上了2012年12月21日“世界末日”的促销活动,便宜买到了这款号称The smartest JavaScript IDE的软件。 我一向对工具很挑剔,由于是从.NET转型成Web前端...
  • mergerly
  • mergerly
  • 2015年11月18日 17:12
  • 1715

webstorm,Vim常用快捷键

以下是webstorm的快捷键说明:   1. ctrl + shift + n: 打开工程中的文件(类似于eclipse中的ctrl+shift+R),目的是打开当前工程下任意目录的文件。 2...
  • LeoJame
  • LeoJame
  • 2017年07月18日 08:58
  • 155

emmet语法和sublime,webstorm快捷键

emmet常用语法和sublime、webstorm快捷键
  • wayne0902
  • wayne0902
  • 2016年05月28日 09:55
  • 2744

WebStorm代码提示快捷键自定义

WebStorm是一个相当不错的IDE。但像我这样用惯Eclipse的人,自然习惯了Eclipse强大的代码提示快捷键。 想要在用WebStorm时,达到用Eclipse时的效果。 我用的是WebSt...
  • xuchen_Software
  • xuchen_Software
  • 2013年03月24日 22:06
  • 7600
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebStorm安装Vim以及快捷键设置
举报原因:
原因补充:

(最多只允许输入30个字)