vscode 代碼行編輯

VSCode 代碼行編輯，下面我就以一段 CSS 代碼作為例子，來(lái)和你分享下代碼行編輯中的高階技巧。

.foo {
  padding: 5px;
  margin: 5px;
  font-size: 5px;
}

要?jiǎng)h掉一行代碼，你可以選中它，然后再按 Delete 鍵。不過(guò)還有一個(gè)快捷鍵，那就是直接按下 “ Cmd + Shift + K ” (Windows 上是 “Ctrl + Shift + K”)，當(dāng)前代碼行就可以被刪除了。

如果你只是想要剪切這行代碼，那么你直接按下 “ Cmd + x ” (Windows 上是 “Ctrl + x”) 即可。

我想你肯定很清楚，“Enter” 鍵的基礎(chǔ)作用是能在編輯器里光標(biāo)所在的位置添加一個(gè)換行符。但是很多時(shí)候你可能并不是單純地要將一行分成兩段，而是希望在這行的下面或者上面開(kāi)始一段新的代碼。

這個(gè)功能對(duì)應(yīng)的快捷鍵非常好記，它跟 “Enter”鍵十分接近。當(dāng)你想在當(dāng)前行的下面新開(kāi)始一行時(shí)，你只需按下 “Cmd + Enter” （Windows 上是 “Ctrl + Enter”）；而當(dāng)你想在當(dāng)前行的上面新開(kāi)始一行時(shí)，你只要按下 “Cmd + Shift + Enter” （Windows 上是 “Ctrl + Shift + Enter”）就行了。

當(dāng)你想移動(dòng)一段代碼時(shí)，一般你可能會(huì)分三步走：先選中，再剪切，最后粘貼。不過(guò)我更喜歡的是按住 “Option + 上下方向鍵”（Windows中就是“Alt + 上下方向鍵”） ，將當(dāng)前行，或者當(dāng)前選中的幾行代碼，在編輯器里上下移動(dòng)。

如果你同時(shí)按住 “Shift” 鍵的話，也就是 “Option + Shift + 上下方向鍵”（Windows中就是“Alt + shift + 上下方向鍵”），那就可以復(fù)制這幾行，然后粘貼到當(dāng)前行的上面或者下面。

另外，你在嘗試“Option + 上下方向鍵”這個(gè)快捷鍵“上下移動(dòng)”時(shí)，可能也發(fā)現(xiàn)了，當(dāng)你把一段代碼移動(dòng)到花括號(hào)里面或者外面時(shí)，代碼前的制表符或者空格的數(shù)量會(huì)自動(dòng)發(fā)生改變，這樣你就不需要移動(dòng)完代碼后再調(diào)整了。