VSCode代碼行有哪些編輯技巧? VSCode編輯代碼行的技巧
VSCode 代碼行編輯
VSCode 代碼行編輯,下面我就以一段 CSS 代碼作為例子,來和你分享下代碼行編輯中的高階技巧。
.foo {
padding: 5px;
margin: 5px;
font-size: 5px;
}
要?jiǎng)h掉一行代碼,你可以選中它,然后再按 Delete 鍵。不過還有一個(gè)快捷鍵,那就是直接按下 “ Cmd + Shift + K ” (Windows 上是 “Ctrl + Shift + K”),當(dāng)前代碼行就可以被刪除了。

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

我想你肯定很清楚,“Enter” 鍵的基礎(chǔ)作用是能在編輯器里光標(biāo)所在的位置添加一個(gè)換行符。但是很多時(shí)候你可能并不是單純地要將一行分成兩段,而是希望在這行的下面或者上面開始一段新的代碼。
這個(gè)功能對(duì)應(yīng)的快捷鍵非常好記,它跟 “Enter”鍵十分接近。當(dāng)你想在當(dāng)前行的下面新開始一行時(shí),你只需按下 “Cmd + Enter” (Windows 上是 “Ctrl + Enter”);而當(dāng)你想在當(dāng)前行的上面新開始一行時(shí),你只要按下 “Cmd + Shift + Enter” (Windows 上是 “Ctrl + Shift + Enter”)就行了。

當(dāng)你想移動(dòng)一段代碼時(shí),一般你可能會(huì)分三步走:先選中,再剪切,最后粘貼。不過我更喜歡的是按住 “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)整了。

以上就是VSCode編輯代碼行的技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
vscode怎么導(dǎo)入圖片? vscode把圖片放進(jìn)程序的技巧
vscode怎么設(shè)置透明背景? vscode透明背景的實(shí)現(xiàn)方法
VSCode怎么不響鈴? VisualStudioCode關(guān)閉啟用鈴聲的技巧
相關(guān)文章

VS Code怎么設(shè)置每行代碼長度? VSCode文本行限制為35的技巧
VS Code怎么設(shè)置每行代碼長度?VS Code代碼為了排版更整潔,想要設(shè)置文本行限制,該怎么設(shè)置呢?下面我們就來看看VSCode文本行限制為35的技巧2022-05-19
VSCode怎么運(yùn)行TypeScript? VSCode配置并調(diào)試TypeScript代碼的技巧
VSCode怎么運(yùn)行TypeScript?VSCode中想要運(yùn)行TypeScript代碼需要我們自己配置,下面我們就來看看VSCode配置并調(diào)試TypeScript代碼的技巧2022-04-29
vscode代碼怎么去掉虛線? vscode去掉參考線的技巧
vscode代碼怎么去掉虛線?vscode代碼總是顯示虛線,這也就是參考線,如果想要去掉,不顯示參考線就可以了,下面我們就來看看vscode去掉參考線的技巧2022-02-08
vsCode代碼折疊縮進(jìn)線怎么顯示? vsCode設(shè)置折疊縮進(jìn)線的技巧
vsCode代碼折疊縮進(jìn)線怎么顯示?vsCode中的代碼想要顯示縮進(jìn)線,該怎么設(shè)置呢?下面我們就來看看vsCode設(shè)置折疊縮進(jìn)線的技巧,詳細(xì)請(qǐng)看下文介紹2022-01-07
vs code怎么搭建NodeJs的開發(fā)環(huán)境? vscode運(yùn)行nodejs代碼的技巧
vs code怎么搭建NodeJs的開發(fā)環(huán)境?Visual Studio Code中需要搭建nodejs運(yùn)行代碼,該怎么操作呢?下面我們就來看看vscode運(yùn)行nodejs代碼的技巧2021-11-26
vscode代碼編輯器怎么設(shè)置不顯示結(jié)構(gòu)?
vs Code代碼編輯器怎么設(shè)置不顯示結(jié)構(gòu)?Visual Studio Code中的機(jī)構(gòu)可以不顯示,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2021-04-04
vscode如何運(yùn)行python? vs code新建并運(yùn)行python代碼的技巧
vscode如何運(yùn)行python?vscode中想要運(yùn)行python程序,首先我們需要?jiǎng)?chuàng)建python項(xiàng)目,下面我們就來看看vs code創(chuàng)建并運(yùn)行python代碼的技巧,需要的朋友可以參考下2020-12-15
VSCode代碼怎么生成圖片? Vscode漂亮的代碼截圖的實(shí)現(xiàn)方法
VSCode代碼怎么生成圖片?VSCode中想要將代碼直接生成圖片,方便發(fā)送出去,該怎么生成圖片呢?下面我們就來看看Vscode漂亮的代碼截圖的實(shí)現(xiàn)方法,需要的朋友可以參考下2020-07-15
VSCode用戶代碼片段怎么使用?VSCode中想要使用戶代碼片段功能,針對(duì)用戶自定義代碼段來實(shí)現(xiàn)快捷開發(fā),該怎么使用呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-09-02
vscode編輯器代碼小視圖怎么在左邊顯示?vscode做編程開發(fā)的時(shí)候,想要將代碼小時(shí)圖放到左邊顯示,該怎么操作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-06-11











