這篇文章帶大家聊聊vscode中的遊標操作,本文只會牽涉到與我們最息息相關的遊標操作,那我們就開始吧!
我們的目標只有一個,讓我們喊出我們的口號:讓開發如絲般順滑!文章中的範例大多 mac 版為主,因為本身就是 mac,但 win 版無需擔心,破陣心法,牢記於心:command 就是 ctrl 鍵。
遊標操作我們日常使用方向鍵,我們在日常中其實肌肉記憶下意識也會用到很多它的技巧,例如按住cmd 鍵左右就可以到行首行尾,但卻很難總結,一葉遮目的感覺。我拋磚引玉給個突破點:顆粒度。我們日常使用時左右方向鍵只會一個字符,即顆粒度是字符,如果我們想到詞尾或句尾,這就很麻煩了;這句話其實就標明了我們的重點:顆粒度;那麼,如何操作那遊標的顆粒度呢? 【推薦學習:《vscode教學》】
水平方向上
結合方向鍵
顆粒度 | mac | win |
---|---|---|
單字 | #option | ctrl |
#cmd | 只用home/end 可以 | |
程式碼區塊 | cmd shift \ | Ctrl shift \ |
垂直方向上
顆粒度 | mac | win |
---|---|---|
文字首/文字尾 | Cmd 上下方向鍵 | Ctrl Home/End 鍵 |
目前行程式碼上/下移 | Option 上下方向鍵 |
#註:【目前行上/下移】不是遊標而是程式碼區塊操作(因為遊標操作直接方向鍵就可以了),但很適合放在這裡,這樣就可以和水平方向上匹配了;水平上:行-cmd 單字-option;垂直上文檔-cmd 行-option;
其他遊標運算
#mac | #win | |
---|---|---|
撤銷遊標處理 | Cmd U | Ctrl U |
擴充:【選取】操作只需要再加個【shift】即可;【刪除】操作顆粒度同遊標操作,反方向則加fn
即可(如刪除所在行遊標前所有內容為【cmd
delete
】而遊標後內容則為【cmd
fn
delete
】)
#針對單字的遊標移動
##想把遊標直接移動到整個單字,也就是function 的前面或後面,你只要按下Option(Windows 上是Ctrl 鍵)和左方向鍵。遊標移到行首或行末
按住Cmd 左邊方向鍵(Windows 上是Home 鍵),就可以把遊標移到了這行的第一列移到文件的第一行或最後一行
按下Cmd 和上下方向鍵即可(Windows 上是Ctrl Home/End 鍵)程式碼區塊的移動
Cmd Shift \(Windows 上是Ctrl Shift \),就可以在這對花括號之間跳轉。目前行上/下移
##其他遊標操作
#多遊標操作
shift鍵),刪除(選取加delete)等操作,那麼,如果我們需要一次操作多個地方呢?這時我們就需要來到遊標操作的高階使用了,多遊標操作。
關於這個主題,其實重點就是如何在需要的位置創建多遊標,因為創建後就和單遊標的操作一致了。基本操作-滑鼠建立多遊標
#在鍵盤上按住「Option」(Windows 上是Alt),然後點選要新建遊標的地方即可。
但很明顯,這種方法普遍適用但不方便,我們每創建一個遊標都需要找到位置並點一下,八二原則,我們可以用快捷鍵實現常見的那20%的操作,下文主要介紹三種常見場景。提效操作 | ||
---|---|---|
##詳解 |
選取元素,然後按下快速鍵,vscode 就會選取下一個相同的元素並創建遊標;再按再創建,依次類推。
上下行處理在目前遊標的下方建立一個遊標。 | 選取多行處理 | |
---|---|---|
關於遊標操作的延伸 |
選取刪除聯想
【選取】操作只需再加個【shift】即可;【刪除】操作顆粒度同遊標操作,反方向則加fn
即可(如刪除所在行遊標前所有內容為【cmd
#delete
】而遊標後內容則為【cmd
fn
delete
】)
到此,我們就了解了vscode 本身對遊標操作的基本設計理念啦。
但如果我們用不慣呢? vscode 自然也不會這麼死板,它是支援為行為、也就是我們所說的命令自訂快捷鍵的,這裡說之前困惑過我的一點,就是我們說的創建遊標、移動等等對應vscode 而言其實就是一條內嵌的命令,理解了這個,才好進行自定義,我當初沒理解所以一直在想的問題是:我該怎麼去翻譯我要做的事情。
三步驟走:找到定義keyboard Shorycut
的地方,找到對應的操作,為操作綁定快速鍵。
Eg:為【選取括號內所有內容】的運算綁定Cmd Shift ]
快速鍵為例
找到定義keyboard Shorycut的地方
找到對應的動作
##為操作綁定快捷鍵
雙擊-》按下需要綁定的快捷鍵-》回車確定(按錯的話別回車就可以了)這裡多說一句,快捷鍵其本質就是行為和特定按鍵【在特定場景下】的綁定,在vscode 中透過JSON 進行描述,我們可以透過執行>Open Keyboard Shortcuts(JSON)進行查看,如果我們需要實作一個高階的快捷鍵,就會需要這些知識了。
#意思 | 備註 | |
---|---|---|
#Command | 命令值||
#When | 在什麼情況下這個快捷鍵綁定能夠生效||
Key | #捷徑
#其中的
when的定義注意點比較多,所有取值可以查看
文檔而對於高級寫法,VS Code也支援幾個基礎的操作符。這樣我們就能夠書寫相對複雜的條件語句了。
resourceExtname
對應的是開啟的檔案的後綴名,如果我們想給 js 檔案綁定一個快捷鍵,我們可以用resourceExtname == .js
。&&
And 運算子。我們可以將多個條件值組合使用,例如我希望當遊標在編輯器裡且編輯器裡正在編輯的是 js 文件,那麼我可以用
以上是值的了解的一些vscode遊標操作,讓開發如絲般順滑!的詳細內容。更多資訊請關注PHP中文網其他相關文章!