学习Vim合并行的方法和技巧
刚接触 vim 会觉得它的学习曲线非常陡峭，要记住很多命令。所以这个系列的分享，不会
教你怎么配置它，而是教你怎么快速的使用它。
在开发时为了代码美观，经常会把属性用换行的方式显示。
?
|
1
2
3
4
5
6
7
|
<el-dialog
title="批量编辑所属组织"
:visible.sync="isshow"
:before-close="beforeclose"
>
...
</el-dialog>
|
这种场景适用于标签属性少，代码量也少的情况。
如果标签突然增多，阅读起来就会很不方便。比如下面这样：
?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
<template>
<el-table
:data="tabledata"
border
style="width: 100%">
<el-table-column
fixed
prop="date"
label="日期"
width="150">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="120">
</el-table-column>
<el-table-column
prop="province"
label="省份"
width="120">
</el-table-column>
<el-table-column
prop="city"
label="市区"
width="120">
</el-table-column>
<el-table-column
prop="address"
label="地址"
width="300">
</el-table-column>
<el-table-column
prop="zip"
label="邮编"
width="120">
</el-table-column>
<el-table-column
fixed="right"
width="100">
<template scope="scope">
<el-button @click="handleclick(scope.row)" type="text" size="small">查看</el-button>
<el-button type="text" size="small">编辑</el-button>
</template>
</el-table-column>
</el-table>
</template>
|
所以我们就需要把标签和属性变为一行。
?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<template>
<el-table :data="tabledata" border style="width: 100%">
<el-table-column fixed prop="date" label="日期" width="150"> </el-table-column>
<el-table-column prop="name" label="姓名" width="120"> </el-table-column>
<el-table-column prop="province" label="省份" width="120"> </el-table-column>
<el-table-column prop="city" label="市区" width="120"> </el-table-column>
<el-table-column prop="address" label="地址" width="300"> </el-table-column>
<el-table-column prop="zip" label="邮编" width="120"> </el-table-column>
<el-table-column fixed="right" label="操作" width="100">
<template scope="scope">
<el-button @click="handleclick(scope.row)" type="text" size="small">查看</el-button>
<el-button type="text" size="small">编辑</el-button>
</template>
</el-table-column>
</el-table>
</template>
|
多数 ide 在代码格式化时，都不会处理标签的属性。
我们只能通过光标换行，然后在按删除的方式进行解决。
那么接下来介绍的这个技巧，叫 “合并行”，能让我们快速的解决这个问题。
其实我们可以看出来，这个vim合并行，就好比是代码格式化一样的，让写出的代码更加容易读，格式更加好看，如果大家还有其他问题，可以在下面留言区讨论。
文章版权声明：除非注明，否则均为奥多云原创文章，转载或复制请以超链接形式并注明出处。
还没有评论，来说两句吧...