學(xué)習(xí)Vim合并行的方法和技巧
更新時(shí)間：2017年11月27日 11:33:35 投稿：laozhang
這篇文章主要介紹了學(xué)習(xí)Vim合并行的方法以及代碼實(shí)現(xiàn)過程，值得參考，一起來學(xué)習(xí)下。
剛接觸 Vim 會(huì)覺得它的學(xué)習(xí)曲線非常陡峭，要記住很多命令。所以這個(gè)系列的分享，不會(huì)
教你怎么配置它，而是教你怎么快速的使用它。
在開發(fā)時(shí)為了代碼美觀，經(jīng)常會(huì)把屬性用換行的方式顯示。
<el-dialog title="批量編輯所屬組織" :visible.sync="isShow" :before-close="beforeClose" > ... </el-dialog>
這種場(chǎng)景適用于標(biāo)簽屬性少，代碼量也少的情況。
如果標(biāo)簽突然增多，閱讀起來就會(huì)很不方便。比如下面這樣：
<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="市區(qū)" 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>
所以我們就需要把標(biāo)簽和屬性變?yōu)橐恍小?/p>
<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="市區(qū)" 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>
多數(shù) IDE 在代碼格式化時(shí)，都不會(huì)處理標(biāo)簽的屬性。
我們只能通過光標(biāo)換行，然后在按刪除的方式進(jìn)行解決。
那么接下來介紹的這個(gè)技巧，叫 “合并行”，能讓我們快速的解決這個(gè)問題。
其實(shí)我們可以看出來，這個(gè)VIM合并行，就好比是代碼格式化一樣的，讓寫出的代碼更加容易讀，格式更加好看，如果大家還有其他問題，可以在下面留言區(qū)討論。
相關(guān)文章
淺談Flink容錯(cuò)機(jī)制之作業(yè)執(zhí)行和守護(hù)進(jìn)程
Flink容錯(cuò)機(jī)制主要有作業(yè)執(zhí)行的容錯(cuò)以及守護(hù)進(jìn)程的容錯(cuò)兩方面，前者包括Flink runtime的ExecutionGraph和Execution的容錯(cuò)，后者則包括JobManager和TaskManager的容錯(cuò)2021-06-06
Yum: 即Yellowdog Update Modifier,是一種基于rpm的包管理工具，這篇文章主要給大家介紹了關(guān)于在centos中yum命令刪除還原的補(bǔ)救方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
Linux中進(jìn)程在后臺(tái)可靠運(yùn)行的方法總結(jié)
本篇文章主要給大家介紹了Linux中進(jìn)程在后臺(tái)可靠運(yùn)行的方法以及示例代碼分析，一起學(xué)習(xí)參考下吧。2017-12-12
Linux系統(tǒng)下Oracle經(jīng)常會(huì)出現(xiàn)亂碼，不管是安裝還是使用過程中都會(huì)出現(xiàn)中文亂碼。這是因?yàn)長(zhǎng)inux系統(tǒng)中缺少了某些字體，只要安裝了這些字體，就能解決這個(gè)問題了2016-02-02
這篇文章主要介紹了Linux中hexdump命令用法，并給大家例舉了命令輸出結(jié)果，有興趣的學(xué)習(xí)下吧。2017-12-12
在 Linux 系統(tǒng)中,共享文件是日常管理和協(xié)作中的常見任務(wù),而粘滯位（Sticky Bit 或 t-bit）是實(shí)現(xiàn)共享目錄安全性的重要工具之一,本文將帶您詳細(xì)了解如何在 Linux 中共享文件并配置粘滯位來保護(hù)共享資源的安全,需要的朋友可以參考下2024-12-12
在C語言編程中,內(nèi)存管理是一個(gè)重要的環(huán)節(jié),本文詳細(xì)解析了C語言中的內(nèi)存區(qū)域劃分,包括棧區(qū)、堆區(qū)、全局區(qū)等,并探討了fork函數(shù)的遺留問題,即如何出現(xiàn)一個(gè)變量同時(shí)等于0又大于0的情況,此外,文章還深入討論了進(jìn)程地址空間的概念2024-10-10
詳解在LINUX上部署帶有JAR包的JAVA項(xiàng)目
這篇文章主要介紹了詳解在LINUX上部署帶有JAR包的JAVA項(xiàng)目，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
Ubuntu18.04安裝vsftpd的實(shí)現(xiàn)代碼
這篇文章主要介紹了Ubuntu18.04安裝vsftpd的實(shí)現(xiàn)代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要給大家介紹了關(guān)于在Linux下利用unzip命令如何解壓多個(gè)文件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09