VSCode代碼行有哪些編輯技巧? VSCode編輯代碼行的技巧

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ā)現了,當你把一段代碼移動到花括號里面或者外面時,代碼前的制表符或者空格的數量會自動發(fā)生改變,這樣你就不需要移動完代碼后再調整了。
以上就是VSCode編輯代碼行的技巧,希望大家喜歡,請繼續(xù)關注腳本之家。
相關推薦:
vscode怎么導入圖片? vscode把圖片放進程序的技巧
vscode怎么設置透明背景? vscode透明背景的實現方法
VSCode怎么不響鈴? VisualStudioCode關閉啟用鈴聲的技巧
相關文章
VS Code怎么設置每行代碼長度? VSCode文本行限制為35的技巧
VS Code怎么設置每行代碼長度?VS Code代碼為了排版更整潔,想要設置文本行限制,該怎么設置呢?下面我們就來看看VSCode文本行限制為35的技巧2022-05-19VSCode怎么運行TypeScript? VSCode配置并調試TypeScript代碼的技巧
VSCode怎么運行TypeScript?VSCode中想要運行TypeScript代碼需要我們自己配置,下面我們就來看看VSCode配置并調試TypeScript代碼的技巧2022-04-29vscode代碼怎么去掉虛線? vscode去掉參考線的技巧
vscode代碼怎么去掉虛線?vscode代碼總是顯示虛線,這也就是參考線,如果想要去掉,不顯示參考線就可以了,下面我們就來看看vscode去掉參考線的技巧2022-02-08vsCode代碼折疊縮進線怎么顯示? vsCode設置折疊縮進線的技巧
vsCode代碼折疊縮進線怎么顯示?vsCode中的代碼想要顯示縮進線,該怎么設置呢?下面我們就來看看vsCode設置折疊縮進線的技巧,詳細請看下文介紹2022-01-07vs code怎么搭建NodeJs的開發(fā)環(huán)境? vscode運行nodejs代碼的技巧
vs code怎么搭建NodeJs的開發(fā)環(huán)境?Visual Studio Code中需要搭建nodejs運行代碼,該怎么操作呢?下面我們就來看看vscode運行nodejs代碼的技巧2021-11-26- vs Code代碼編輯器怎么設置不顯示結構?Visual Studio Code中的機構可以不顯示,該怎么設置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2021-04-04
vscode如何運行python? vs code新建并運行python代碼的技巧
vscode如何運行python?vscode中想要運行python程序,首先我們需要創(chuàng)建python項目,下面我們就來看看vs code創(chuàng)建并運行python代碼的技巧,需要的朋友可以參考下2020-12-15VSCode代碼怎么生成圖片? Vscode漂亮的代碼截圖的實現方法
VSCode代碼怎么生成圖片?VSCode中想要將代碼直接生成圖片,方便發(fā)送出去,該怎么生成圖片呢?下面我們就來看看Vscode漂亮的代碼截圖的實現方法,需要的朋友可以參考下2020-07-15- VSCode用戶代碼片段怎么使用?VSCode中想要使用戶代碼片段功能,針對用戶自定義代碼段來實現快捷開發(fā),該怎么使用呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-09-02
- vscode編輯器代碼小視圖怎么在左邊顯示?vscode做編程開發(fā)的時候,想要將代碼小時圖放到左邊顯示,該怎么操作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-06-11