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日“世界末日”的促销活动,便宜...

webstorm前端开发分享 js,css工具篇s

web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.i...

Unity Shader学习笔记(四) 水气泡 Shader的实现

大家好,我是Zander。最近正在学习Shader,同时也在研究ShadowGun里面的一些渲染,其中有一个场景中有一个水缸气泡的效果感觉挺好,于是拿来学习一下。如图: 原理很简单,需要2个层,然后通...

WebStorm常用设置和常用快捷键

加速禁用多余的插件,关掉没必要的代码检查项。 webstorm慢的原因主要是2点:插件加载太多,把什么GIT SVN GITHUB FTP。。。。禁掉,其实都没必要。 代码检查,如果你不设置一下,...

Node的安装以及npm的常见指令、webstorm工具常用快捷键

***********Windows系统安装NodeJS,在IDEA开发工具下集成NodeJS插件************** Node.js下载地址: https://nodejs.org...

Webstorm快捷键

  • 2015年07月07日 16:37
  • 336KB
  • 下载

webstorm8.0的快捷键大全

  • 2014年06月21日 19:38
  • 94KB
  • 下载

vim常用快捷键及设置

折叠相关 快捷键: zfap (F-old creation); zo (O-pen a fold); zc (C-lose a fold);zr (R-educe the...

webstorm快捷键

  • 2014年11月09日 09:21
  • 13KB
  • 下载

webstorm快捷键

  • 2014年01月23日 10:02
  • 13KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebStorm安装Vim以及快捷键设置
举报原因:
原因补充:

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