学习Vim合并行的方法和技巧

本站所有内容来自互联网收集,仅供学习和交流,请勿用于商业用途。如有侵权、不妥之处,请第一时间联系我们删除!Q群:迪思分享

免费资源网 – https://freexyz.cn/

刚接触 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合并行的方法和技巧插图

其实我们可以看出来,这个VIM合并行,就好比是代码格式化一样的,让写出的代码更加容易读,格式更加好看,如果大家还有其他问题,可以在下面留言区讨论。

免费资源网 – https://freexyz.cn/


© 版权声明
THE END
★喜欢这篇文章吗?喜欢的话,麻烦动动手指支持一下!★
点赞10 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容