vscode 代碼行編輯

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

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

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

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

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

這個功能對應的快捷鍵非常好記，它跟 “Enter”鍵十分接近。當你想在當前行的下面新開始一行時，你只需按下 “Cmd + Enter” （Windows 上是 “Ctrl + Enter”）；而當你想在當前行的上面新開始一行時，你只要按下 “Cmd + Shift + Enter” （Windows 上是 “Ctrl + Shift + Enter”）就行了。

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

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

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