Vim常用插件——前端开发工具系列
作为一名开发者,应该对编辑器之神Vim与神之编辑器Emacs有所耳闻吧。编辑器之战的具体细节有兴趣的童鞋可以google之。
Vim最大的特点是打开速度快,功能强大,一旦掌握了其中的命令,编程过程双手就不需要离开键盘了。
用习惯了Vim的另一个好处是在linux下可以很轻松地用vi来处理文件,当然emacs也可以做默认编辑器,但是不是每台机器都有安装Emacs。
今天主要给大家介绍Vim在前端领域的一些常用插件:
1.mark.vim
mark.vim主要的功能是变量的高亮。
选中要高亮的词,使用 \m 来使其高亮,多个词的高亮会显示为不同的颜色,在不需要查找的时候以及代码review的时候使用效果还是挺不错的,
使用\n可以去除所选的词的高亮。
更多详情可以点击插件主页了解。
ps: 查找单词可以使用 * 这个命令来进行快速搜索
2.zencoding.vim
zencoding.vim后来改名为Emmet.vim,主要功能是实现代码的快速编写。
具体教程可以参见官方的网站
个人感受是做页面重构的时候用得比较多,通过命令可以快速生成html的结构,提高了前端开发的生产力。
3.ctrlp.vim
ctrlp.vim主要功能是对文件以及buffer进行模糊查询,快速打开文件。
操作实例如下图所示:
在知道文件名的情况下,使用ctrl + p打开此插件,输入文件名,实则是文件名开头几个字母就可以快速打开文件。
ps:如果当前的文件已经保存好,那么会直接替换成搜索到的文件,如果没有保存的,会进行窗口的分隔类似与sp的命令。
所以在对比文件的情况下我一般会用vsp来分割窗口或者tabnew一个新的tab,再打开新的文件。
如果需要查其他目录或者忘记了文件名的话,就可以使用下面的插件NERD_tree了。
4.NERD_tree.vim
NERD_tree.vim主要功能是一款文件浏览器,可以查看文件目录结构打开相应的文件。
具体演示如下图所示:
我是使用绑定的快捷键F4来打开文件浏览器,光标在文件浏览器中可以用jk来移动,回车键可以打开文件,按q可以退出文件浏览器。
5.neocomplcache.vim
neocomplcache.vim主要功能是进行代码补全,
优点是对上下文进行索引,结果保存到缓存中,自动补全的效率比较高,另外匹配的也比较精准。
补全效果如下图展示:
im中的代码补全插件比较多,一般补全的智能性依赖于插件的字典,变量缓存机制。
从这点看neocomplcache也是挺不错的,另外智能读读取路径的功能也是挺赞的。
6.multiple_cursors.vim
multiple_cursors.vim的主要功能是多光标多行编辑。
主要效果可以见下面的图片:
在没有这款插件前,原生命令一般是进行块操作,在可视模式下对多行进行操作。步骤比较冗长,也容易出错,
这款插件可真谓利器啊,同时它还支持正则的操作呢。
7.commentary.vim
commentary.vim主要功能是可以批量注释单行或多行以及去除注释;
绑定退格键,选择多行可以直接以/**/的形式注释代码
最后,几款插件都是在前端开发中经常用到的,还有很多功能,原生的一些命令还是可以做的,
另外用Vim还有一个好处是从写C到写PHP再到写JS,都可以用同一个编辑器,还是挺方便的。
快捷键神马的自己在vimrc中配置即可,
打造自己的IDE的过程虽然折腾,但是之后使用的过程还是挺爽的呢~~~~
最新文章
- JS获取当前时间戳的方法
- 五、jquery使用工具函数
- Xcode插件安装 错选了Skip Bundle解决办法
- 【java 获取数据库信息】获取MySQL或其他数据库的详细信息
- 如何使用double-check实现一个单例模式
- Clover(资源管理器增强)
- Linux 用户和用户组操作
- HDOJ 1856 More is better
- 表格table样式布局设置
- CSDN Markdown简明教程5-高速上手
- Enterprise Architect使用教程
- 【转】一个工具类(可以控制多层嵌套的movieClip)
- RedHat6.2 x86手动配置LNMP环境
- 优化testng报告
- Lambda表达式与函数式接口
- Monitor类:Object synchronization method was called from an unsynchronized block of code.
- cuda编程视频资料
- webpack版本兼容性问题错误总结,耽误半天学习
- Win7系统(台式机)设置系统的窗口背景色(豆沙绿色)
- plantuml使用教程【转】
热门文章
- [LeetCode 题解]: Valid Parentheses
- Linux Guard Service - 前台进程和后台进程切换
- 使用Telegraf + Influxdb + Grafana 监控SQLserver服务器的运行状况
- nowcoder(牛客网)OI测试赛3 解题报告
- numpy数组 拼接
- zabbix前端添加平台脚本监控
- [转] Linux 硬件设备查看命令
- 10分钟教你用Python玩转微信之抓取好友个性签名制作词云
- JAVA 多线程 杂谈
- 2016级算法第二次上机-D.Bamboo的饼干