VSCode是一款非常好用的代碼編輯器，許多編程專(zhuān)業(yè)的小伙伴們都在使用這款軟件，光標(biāo)是這款編程軟件中非常重要的一個(gè)部分，有多少個(gè)光標(biāo)代表一個(gè)用戶(hù)同時(shí)可以寫(xiě)多少個(gè)行代碼，有時(shí)多光標(biāo)的開(kāi)啟能夠讓你事半功倍，所以今天小編帶來(lái)的以下文章，就是讓大家學(xué)習(xí)一下如何開(kāi)啟vscode的多光標(biāo)，讓你編寫(xiě)代碼時(shí)更有效率！
vscode多光標(biāo)開(kāi)啟方法一覽
我還是以一段 CSS 代碼作為例子來(lái)介紹吧，如果你要練習(xí)，直接把這段代碼復(fù)制到編輯器中即可。
.foo{padding:5;margin:5;font-size:5;}你可以看到，在上面這段 CSS 代碼中，所有屬性的值都是“5”，但你可能覺(jué)得這樣的寫(xiě)法不規(guī)范，想把它們都改成 “5px”。之前你肯定是吭哧吭哧挨個(gè)在5后面加“px”。而現(xiàn)在，有了多光標(biāo)特性之后，你第一步要做的事情，就是把光標(biāo)移動(dòng)到第一個(gè) “5”的前面。接下來(lái)就有兩種操作方式可以選擇。
方法一
第一種添加多光標(biāo)的方式，就是使用鼠標(biāo)。在鍵盤(pán)上按住 “Option”（Windows 上是 Alt），然后鼠標(biāo)點(diǎn)在第二個(gè)“5”之前，那么第二個(gè)光標(biāo)就創(chuàng)建好了。現(xiàn)在你可以看到兩個(gè)光標(biāo)，第二個(gè)光標(biāo)比第一個(gè)要細(xì)一點(diǎn)。
聰明的你肯定知道通過(guò)同樣的方式來(lái)創(chuàng)建第三個(gè)光標(biāo)。然后，按下右方向鍵，將光標(biāo)們移動(dòng)到 “5”的后面，輸入“px”。這樣，“5”后面就都已經(jīng)加上“px”了，而這中間，你只做了一次輸入。是不是很方便？
方法二
第二種方式是使用鍵盤(pán)，但是比第一種方式要多兩個(gè)步驟，我們來(lái)一起看看是為什么。
首先你還是先移動(dòng)光標(biāo)到第一個(gè)“5”的前面。然后按下 “Cmd + Option + 下方向鍵”（Windows 上是 “Ctrl + Alt + 下方向鍵”），在當(dāng)前光標(biāo)的下面創(chuàng)建一個(gè)光標(biāo)。
相信你已經(jīng)看出來(lái)了，第二個(gè)光標(biāo)，由于就在第一個(gè)光標(biāo)的正下方，所以它不在第二行的“5”前面。不過(guò)沒(méi)關(guān)系，我們有辦法搞定它。先別急，你還是如法炮制，把第三個(gè)光標(biāo)創(chuàng)建好。
下面你該嘗試把光標(biāo)移動(dòng)到正確的位置啦。雖說(shuō)現(xiàn)在三個(gè)光標(biāo)的位置都是散亂的，沒(méi)有什么規(guī)則，但你可以讓它們移動(dòng)到類(lèi)似的位置：按下 “Cmd + 右方向鍵”（Windows 上是 End），這樣它們就都移動(dòng)到每一行的末尾了。
到這里問(wèn)題就簡(jiǎn)單了，你只需按下 “左方向鍵” 將光標(biāo)移動(dòng)到 5的后面，然后輸入 px即可完成整個(gè)操作。
對(duì)于這個(gè)樣例而言，第一種方案比第二種要方便，但這兩種方法解決問(wèn)題的思路是一致的。前者通過(guò)鼠標(biāo)操作，把光標(biāo)移動(dòng)到了你期望的位置，然后再執(zhí)行別的操作；后者則是運(yùn)用了 VS Code 內(nèi)置的其他命令，把光標(biāo)最終移動(dòng)到你想要的位置。
在第二種方案中，你是把光標(biāo)全部移動(dòng)到行末，從而統(tǒng)一了光標(biāo)的位置，進(jìn)而進(jìn)行“重復(fù)性”的操作。但這個(gè)問(wèn)題的解決方案不是唯一的，你也可以想一想，還有沒(méi)有其他別的解法。
在這里，我還是想重復(fù)下我之前說(shuō)過(guò)的一個(gè)觀點(diǎn)，使用這樣的功能的時(shí)候，你可以想想如果你是設(shè)計(jì)者，你會(huì)怎么樣來(lái)設(shè)計(jì)多光標(biāo)特性。閉著眼睛順著這個(gè)路徑思考，也許你會(huì)更容易理解和記住 VS Code 的模式。
方法三
接下來(lái)，我再給你介紹兩個(gè)關(guān)于多光標(biāo)的創(chuàng)建的特別方法，如果你還沒(méi)有消化上面的內(nèi)容，也先別急，等把后面的全部看完之后再回去練習(xí)。
Cmd + D
首先講第一種，還是上面的代碼，你把光標(biāo)移動(dòng)到數(shù)字“5”之前，按下 “Cmd + D”，這樣第一個(gè)“5”就被選中了；然后再按一次 “Cmd + D”（Windows 上是 Ctrl + D），你可以看到，第二個(gè)“5”也被選中了。
“Cmd + D” 這個(gè)命令的作用是，第一次按下時(shí)，它會(huì)選中光標(biāo)附近的單詞；第二次按下時(shí)，它會(huì)找到這個(gè)單詞第二次出現(xiàn)的位置，創(chuàng)建一個(gè)新的光標(biāo)，并且選中它。這樣只需要按下三次，你就選中了所有的“5”。這個(gè)時(shí)候你再按下 “右方向鍵”，輸入“px”，即可完成任務(wù)。
之所以說(shuō)這個(gè)方法特別，是因?yàn)樗倪m用情況比較特別：處理多次出現(xiàn)的“相同”單詞。如果你要處理的文本并不是相同的，那么這個(gè)方法就不適用了。
Option + Shift + i
接下來(lái)講講第二種，是跟代碼行批量處理有關(guān)，也還是用的前面的代碼。首先你選擇多行代碼，然后按下 “Option + Shift + i” （Windows 上是 Alt + Shift + i），這樣操作的結(jié)果是：每一行的最后都會(huì)創(chuàng)建一個(gè)新的光標(biāo)。
同樣的，這種方法是基于代碼行的，如果你的需求是在同一行添加多個(gè)光標(biāo)，那么就不適用了。
就上面的例子，我個(gè)人第一反應(yīng)是使用“Cmd + D”這種方式來(lái)處理。也許你會(huì)問(wèn)，是不是學(xué)習(xí)一種方式就夠了呢？畢竟這些方式也不那么容易記憶。我的回答也很簡(jiǎn)單，你應(yīng)該都學(xué)，然后熟能生巧，融會(huì)貫通。我前段時(shí)間讀《鞋狗》這本書(shū)，里面有一段論述相當(dāng)精彩：
在劍道中，只有在心中不再被我和你，不再被對(duì)手和他的劍，不再被自己的劍和使劍的方法所困擾時(shí)，才能達(dá)到最完美的狀態(tài)……一切都是虛空：你自己、揮舞的劍和舞劍的胳膊，即便是空虛的想法都不再存在。
方法四
VS Code多光標(biāo)，我們已經(jīng)學(xué)習(xí)了如何使用鼠標(biāo)添加多光標(biāo)。不得不承認(rèn)，在鼠標(biāo)的幫助下，多光標(biāo)的創(chuàng)建顯得格外便捷。我們只需按下 Option 鍵，然后在需要?jiǎng)?chuàng)建新光標(biāo)的地方，按下鼠標(biāo)左鍵即可。簡(jiǎn)言之，就是按住 Option 鍵，然后哪里需要點(diǎn)哪里。
不過(guò)，VS Code 中還有一個(gè)更加便捷的鼠標(biāo)創(chuàng)建多光標(biāo)的方式。當(dāng)然，這首先要求你的鼠標(biāo)擁有中鍵。你只需按下鼠標(biāo)中鍵，然后對(duì)著一段文檔拖出一個(gè)框，在這個(gè)框中的代碼就都被選中了，而且每一行被選中的代碼，都擁有一個(gè)獨(dú)立的光標(biāo)。
我們已經(jīng)嘗試了用多種方法去創(chuàng)建光標(biāo)然后修改代碼，現(xiàn)在我們又為鼠標(biāo)用戶(hù)多提供了一種更為便捷的操作方式。嘗試掌握它們吧，我相信這些便捷操作肯定能為你的高效編程之路盡一份力的。
以上就是vscode多光標(biāo)開(kāi)啟方法全部?jī)?nèi)容了，快快收藏學(xué)組裝手機(jī)教程頻道獲得更多熱門(mén)軟件資訊吧！
