欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2017年11月27日 11:37:40   作者:吳佰清  
Vim是一個類似于Vi的著名的功能強大、高度可定制的文本編輯器,在Vi的基礎上改進和增加了很多特性.這篇文章主要介紹了Vim快速合并行及vim 將文件所有行合并到一行,需要的朋友可以參考下

VIM (Unix及類Unix系統(tǒng)文本編輯器)

Vim是一個類似于Vi的著名的功能強大、高度可定制的文本編輯器,在Vi的基礎上改進和增加了很多特性。VIM是自由軟件。 Vim普遍被推崇為類Vi編輯器中最好的一個,事實上真正的勁敵來自Emacs的不同變體。1999 年Emacs被選為Linuxworld文本編輯分類的優(yōu)勝者,Vim屈居第二。但在2000年2月Vim贏得了Slashdot Beanie的最佳開放源代碼文本編輯器大獎,又將Emacs推至二線, 總的來看, Vim和Emacs在文本編輯方面都是非常優(yōu)秀的

剛接觸 Vim 會覺得它的學習曲線非常陡峭,要記住很多命令。所以這個系列的分享,不會教你怎么配置它,而是教你怎么快速的使用它。

在開發(fā)時為了代碼美觀,經(jīng)常會把屬性用換行的方式顯示。

<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="市區(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>

所以我們就需要把標簽和屬性變?yōu)橐恍小?br />

<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 在代碼格式化時,都不會處理標簽的屬性。

我們只能通過光標換行,然后在按刪除的方式進行解決。

那么接下來介紹的這個技巧,叫 “合并行”,能讓我們快速的解決這個問題。

操作步驟:

1. 按 ESC 進入 Normal 模式,移動游標定位到第 2 行的位置。

2. 按 shift+j 就可以實現(xiàn)合并行的操作。

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

在 Normal Mode下執(zhí)行:

ggvGJ

gg 用于跳到行首

v 轉(zhuǎn)換成 visual 模式

G 跳到最后一行

J 合并行

總結

以上所述是小編給大家介紹的Vim常用操作快速合并行功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

您可能感興趣的文章:

相關文章

  • 元素的內(nèi)聯(lián)事件處理函數(shù)的特殊作用域在各瀏覽器中存在差異

    元素的內(nèi)聯(lián)事件處理函數(shù)的特殊作用域在各瀏覽器中存在差異

    在一個元素的屬性中綁定事件,實際上就創(chuàng)建了一個內(nèi)聯(lián)事件處理函數(shù)(如<h1 onclick="alert(this);"...>...</h1>),內(nèi)聯(lián)事件處理函數(shù)有其特殊的作用域鏈,并且各瀏覽器的實現(xiàn)細節(jié)也有差異。
    2011-01-01
  • HTML+CSS+JS實現(xiàn)抓娃娃機游戲

    HTML+CSS+JS實現(xiàn)抓娃娃機游戲

    這篇文章主要介紹了如何利用HTML+CSS+JS制作抓娃娃機游戲,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-04-04
  • JavaScript Reflect Metadata實現(xiàn)詳解

    JavaScript Reflect Metadata實現(xiàn)詳解

    這篇文章主要介紹了JavaScript Reflect Metadata實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-12-12
  • js實現(xiàn)每日自動換一張圖片的方法

    js實現(xiàn)每日自動換一張圖片的方法

    這篇文章主要介紹了js實現(xiàn)每日自動換一張圖片的方法,涉及javascript操作圖片與日期的相關技巧,非常簡單實用,需要的朋友可以參考下
    2015-05-05
  • js對字符的驗證方法匯總

    js對字符的驗證方法匯總

    這篇文章主要介紹了js對字符的驗證方法,實例匯總了漢字驗證、手機驗證、郵箱驗證、身份證號驗證等各種常用技巧,需要的朋友可以參考下
    2015-02-02
  • JavaScript如何借用構造函數(shù)繼承

    JavaScript如何借用構造函數(shù)繼承

    這篇文章主要介紹了JavaScript如何借用構造函數(shù)繼承,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-11-11
  • 一文詳解JS私有屬性的6種實現(xiàn)方式

    一文詳解JS私有屬性的6種實現(xiàn)方式

    class是創(chuàng)建對象的模版,由一系列屬性和方法構成,用于表示對同一概念的數(shù)據(jù)和操作。有的屬性和方法是對外的,但也有的是私有的。本文梳理了六種私有屬性的實現(xiàn)方式,需要的可以參考一下
    2022-03-03
  • Js獲取下拉框選定項的值和文本的實現(xiàn)代碼

    Js獲取下拉框選定項的值和文本的實現(xiàn)代碼

    本篇文章主要是對Js獲取下拉框選定項的值和文本的實現(xiàn)代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-02-02
  • 微信小程序?qū)崿F(xiàn)指定顯示行數(shù)多余文字去掉用省略號代替

    微信小程序?qū)崿F(xiàn)指定顯示行數(shù)多余文字去掉用省略號代替

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)指定顯示行數(shù)多余文字去掉用省略號代替的方法,需要的朋友可以參考下
    2018-07-07
  • Javascript幻燈片播放功能實現(xiàn)過程解析

    Javascript幻燈片播放功能實現(xiàn)過程解析

    這篇文章主要介紹了Javascript幻燈片播放功能實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-05-05

最新評論