Vim快速合并行及vim 将文件所有行合并到一行


Posted in Javascript onNovember 27, 2017

VIM (Unix及类Unix系统文本编辑器)

Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性。VIM是自由软件。 Vim普遍被推崇为类Vi编辑器中最好的一个,事实上真正的劲敌来自Emacs的不同变体。1999 年Emacs被选为Linuxworld文本编辑分类的优胜者,Vim屈居第二。但在2000年2月Vim赢得了Slashdot Beanie的最佳开放源代码文本编辑器大奖,又将Emacs推至二线, 总的来看, Vim和Emacs在文本编辑方面都是非常优秀的

Vim快速合并行及vim 将文件所有行合并到一行

刚接触 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 将文件所有行合并到一行

操作步骤:

1. 按 ESC 进入 Normal 模式,移动游标定位到第 2 行的位置。

2. 按 shift+j 就可以实现合并行的操作。

PS:vim 将文件所有行合并到一行

在 Normal Mode下执行:

ggvGJ

gg 用于跳到行首

v 转换成 visual 模式

G 跳到最后一行

J 合并行

总结

以上所述是小编给大家介绍的Vim常用操作快速合并行功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
IE和Firefox下javascript的兼容写法小结
Dec 10 Javascript
jQuery学习3:操作元素属性和特性
Feb 07 Javascript
javascript判断chrome浏览器的方法
Mar 26 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
js 判断数据类型的几种方法
Jan 13 Javascript
几种tab切换详解
Feb 03 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
浅谈ng-zorro使用心得
Dec 03 Javascript
Vue-cli3项目引入Typescript的实现方法
Oct 18 Javascript
JS加载解析Markdown文档过程详解
May 19 Javascript
详解利用Angular实现多团队模块化SPA开发框架
Nov 27 #Javascript
JavaScript实现修改伪类样式
Nov 27 #Javascript
Vue.js搭建移动端购物车界面
Jun 28 #Javascript
Vue实现购物车场景下的应用
Nov 27 #Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 #Javascript
vue购物车插件编写代码
Nov 27 #Javascript
Vue.js devtool插件安装后无法使用的解决办法
Nov 27 #Javascript
You might like
function.inc.php超越php
2006/12/09 PHP
网站防止被刷票的一些思路与方法
2015/01/08 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
PHP针对redis常用操作实例详解
2019/08/17 PHP
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
2012/03/01 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
调用innerHTML之后onclick失效问题的解决方法
2014/01/28 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
关于react-router的几种配置方式详解
2017/07/24 Javascript
JavaScript创建对象方法实例小结
2018/09/03 Javascript
JS尾递归的实现方法及代码优化技巧
2019/01/19 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
[00:19]CN DOTA NEVER DIE!VG夺冠rOtK接受采访
2019/12/23 DOTA
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
Python3中的json模块使用详解
2018/05/05 Python
在Python中使用Neo4j的方法
2019/03/14 Python
python如何获取apk的packagename和activity
2020/01/10 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
2014/05/07 HTML / CSS
美国五金商店:Ace Hardware
2018/03/27 全球购物
英国健身超市:Fitness Superstore
2019/06/17 全球购物
值类型与引用类型有什么不同?请举例说明?并分别列举几种相应的数据类型
2015/10/24 面试题
小学生自我评价范例
2013/09/24 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
美术课外活动总结
2014/07/08 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
费城故事观后感
2015/06/10 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis