学习Vim合并行的方法和技巧
作者:laozhang 时间:2023-11-03 02:21:01
刚接触 Vim 会觉得它的学习曲线非常陡峭,要记住很多命令。所以这个系列的分享,不会
教你怎么配置它,而是教你怎么快速的使用它。
在开发时为了代码美观,经常会把属性用换行的方式显示。
<el-dialog
title="批量编辑所属组织"
:visible.sync="isShow"
:before-close="beforeClose"
>
...
</el-dialog>
这种场景适用于标签属性少,代码量也少的情况。
如果标签突然增多,阅读起来就会很不方便。比如下面这样:
<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>
所以我们就需要把标签和属性变为一行。
<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
标签:Vim,合并行
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
暴雪CEO行使期权出售股份套现2000万美元
2009-11-14 10:21:00
DNS Cache 的一些小技巧汇总
2007-11-19 13:42:00
Linux操作系统中的FTP客户端
2009-12-07 19:08:00
详解linux grep命令
2023-05-28 14:36:31
VMware中CentOS设置静态IP的方法
2023-08-14 09:15:05
![](https://img.aspxhome.com/file/2023/1/93921_0s.png)
FTP文件传输协议
2009-12-18 19:06:00
SEO入手统筹优化步骤
2009-08-23 09:55:00
Web服务器常见8种安全漏洞
2012-02-25 20:15:00
谷歌不为人知10件事:创始人曾为对手打工
2009-10-14 16:41:00
linux查找大文件指定内容的实现方法
2023-07-31 17:00:54
docker cp 拷贝文件 和 进入容器的操作
2021-06-09 05:09:57
Windows 2000活动目录的安装与配置
2010-05-18 18:30:00
Linux CentOS使用crontab设置定时重启的方法
2023-10-06 18:32:54
赢在巨人网游《仙途》30日启动不删档测试
2009-10-31 09:33:00
与SEO有关的内容质量
2007-09-13 18:31:00
inux下gettimeofday函数windows替换方法(详解)
2023-06-11 23:19:57
解决IIS 7访问任何页面都是空白的故障
2008-06-23 13:19:00
优酷再遭反盗版联盟诉讼 被指盗版行为无改善
2010-03-04 08:53:00
linux less命令实例详解
2023-11-03 07:49:59
![](https://img.aspxhome.com/file/2023/3/77533_0s.png)
“大龄文艺女青年之歌”的成功炒作给站长的启示
2009-04-07 10:52:00