刚接触 vim 会觉得它的学习曲线非常陡峭，要记住很多命令。所以这个系列的分享，不会
教你怎么配置它，而是教你怎么快速的使用它。在开发时为了代码美观，经常会把属性用换行的方式显示。
这种场景适用于标签属性少，代码量也少的情况。
如果标签突然增多，阅读起来就会很不方便。比如下面这样：
?
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”
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>
所以我们就需要把标签和属性变为一行。
?
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合并行，就好比是代码格式化一样的，让写出的代码更加容易读，格式更加好看，如果大家还有其他问题，可以在下面留言区讨论。
原文链接：http://www.cnblogs.com/wubaiqing/p/7903244.html
声明： 猿站网有关资源均来自网络搜集与网友提供，任何涉及商业盈利目的的均不得使用，否则产生的一切后果将由您自己承担！ 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除，制止非法恶意传播，不对任何下载或转载者造成的危害负任何法律责任！也请大家支持、购置正版！ 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报，会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络，如有侵权烦请发送邮件至：2697268773@qq.com进行处理。