纯粹 tise

经验是从磨练中积累出来的

vim 技巧记录--平移

<div class="hero-unit"> <h1>listing topics</h1> <div class="table"> <tr> <th>1</th> <th>2</th> <th>3</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </div> </div>

vim 使用有一段时间了,感觉在 vim 的世界算是活下来了,接下来的任务就是活的更好,会把一些小技巧记录下来供以后回顾。

今天在写 rails 模板文件时遇到一点小问题,这个问题出现了有一段时间了,不过都懒得去搜,今天感觉实在不能忍受了, google 了一下,解决了。

看下面的代码

<div class="hero-unit"> <h1>listing topics</h1> <div class="table"> <tr> <th>1</th> <th>2</th> <th>3</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </div> <div>

这样的代码在 rails 中很常见,我们会遇到这样的一个问题,我需要在 div.hero-unit 的外部 添加一个新的 div。 如 div.content

添加后是这样的。

<div class="content"> <div class="hero-unit"> <h1>listing topics</h1> <div class="table"> <tr> <th>1</th> <th>2</th> <th>3</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </div> </div> </div>

为了将来看代码时方便,会把 div.hero-unit 整体右移两个空格。这样的代码看起来会美观清晰。

笨的方法就是一行一行的加上两个空格,不过,方法太笨了,而且很浪费时间。如果代码少也不是太麻烦,但代码多了就会头大了。

vim 真的是一个神器,太强大了,用它去实现很简单,不过需要注意的是, vim 自动缩进用的是 tab ,我是不太喜欢这种方式,我觉得用 space (空格)去填充会更好(切换编辑器时显示会不一致)。

先把 vim 自动缩进时的方式改为 space。我参考的是

https://www.freetstar.com/vim-tabs-and-spaces

只要在 .vimrc 文件里添加

set tabstop=4 set shiftwidth=4 set expandtab set softtabstop=4 set smarttab

这种方案下,所有[TAB]键均以softtabstop个[SPACE]键代替,也就是基本上么有[TAB]键会在文档里出现了, 都采用[SPACE]键替代了。

我试过了,没有错误。

这样使用右移的时候就会用 space 而不是 tab 。

vim 右移就是 操作可视区域 在文档里有这部分的说明。

首先用 v 后者 V 选择可视区域,然后用 < 或者 > 去右移,就可以了。

< 快捷键就是将选区内容左移

> 快捷键就是将选区内容右移

有不明白的地方可以发邮件 tiseheaini@gmail.com

评论