刚接触 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" 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