vscode 基礎(chǔ)操作(官方get-start)

今天才發(fā)現(xiàn)vscode打開以后,起始頁右邊walkthroughs會顯示一長串教程
起始頁里面,三個(gè)板塊我只有最近打開這個(gè)功能是最常用,其他兩個(gè)是根本沒用過。
所以今天看了一下vscode的教程,還是比較實(shí)用的,至少學(xué)會了一個(gè)多光標(biāo)操作。

01.多光標(biāo)操作

  1. 區(qū)域選擇,Shift+DownArrow Shift+RightArrow, Shift+UpArrow, Shift+LeftArrow ,shift+方向鍵控制選擇區(qū)域,shift+alt+鼠標(biāo) 拖拽選擇,或者按住鼠標(biāo)中鍵拖拽(因?yàn)槭髽?biāo)中鍵綁定為utools的熱鍵了,所以我還是選擇)
  2. 添加光標(biāo),Ctrl+Alt+UpArrowCtrl+Alt+DownArrow分別向上或者向下添加光標(biāo),Alt+鼠標(biāo)點(diǎn)擊在點(diǎn)擊的地方添加光標(biāo)
  3. 選中出現(xiàn)的所有單詞,這個(gè)操作就比較強(qiáng)大的,光標(biāo)在一個(gè)單詞上,按ctrl+shift+l,就會在所有相同單詞上出現(xiàn)光標(biāo),然后我們就可以替換這些單詞了。(一般這種情況,之前我都是直接f2重命名,或者ctrl+f搜索替換的)

vscode vim的多光標(biāo)

因?yàn)槲疫€在用vscode vim,這個(gè)的快捷鍵可以和vscode的多光標(biāo)結(jié)合起來。

比如vim里面選中有一個(gè)模式,按v就可以

多光標(biāo)則是在命令模式按ctrl+v,然后上下方向鍵

vim比vscode方便的地方在于移動有一套邏輯

比如

  • w 后移一個(gè)單詞
  • W后移一個(gè)單詞+符號
  • b前移一個(gè)單詞
  • B前移一個(gè)單詞+符號
  • $移動到尾部
  • ...

這個(gè)和多光標(biāo)結(jié)合起來就比較靈活

還有vim剪切和復(fù)制粘貼的邏輯也可以在多光標(biāo)模式使用。

加上vscode自帶的alt+鼠標(biāo)點(diǎn)擊添加光標(biāo)就滿足使用了

02.智能提示

把鼠標(biāo)指針移動到函數(shù)或者api上面就會浮現(xiàn)智能提示

或者ctrl+space激活智能提示

03.行操作

  1. 復(fù)制一行插入上方或下方(這個(gè)很常用,雖然vim也可以 yyp,但是要兩步操作了),shift+alt+DownArrow,Shift+Alt+UpArrow
  2. 移動整行到上方或者下方 Alt+UpArrowAlt+DownArrow(個(gè)人不是很常用,一般使用vim的sort命令按變量名排序),
  3. 刪除整行,ctrl+shift+k(不如用vim的dd)
  4. 注釋 一行ctrl+/

04.重命名重構(gòu)

f2重構(gòu)還是比較常用的。

05.格式化

Shift+Alt+F,或者對選中區(qū)域執(zhí)行ctrl+k ctrl+f

這個(gè)我一般是右鍵菜單執(zhí)行,還有在設(shè)置里面設(shè)置成保存時(shí)自動執(zhí)行格式化

或者 ctrl+k ctrl+f

06.代碼折疊

  • 折疊代碼 ctrl+shift+[

  • 展開代碼 ctrl+shift+]

  • 折疊所有代碼 ctrl+k ctrl+0

  • 展開所有代碼 ctrl+k ctrl+j

注意要給vscode vim 配置一下,不然ctrl開頭的部分快捷鍵會被vim擋住

比如下面就是我的配置

  // 取消部分快捷鍵的攔截
  "vim.handleKeys": {
    "<C-a>": false,
    "<C-f>": false,
    "<C-k>": false
  },

(這個(gè)其實(shí)我平時(shí)一般不用快捷鍵,因?yàn)樽筮呌姓郫B按鈕可以點(diǎn))

07.錯(cuò)誤和警告

F8在錯(cuò)誤之間導(dǎo)航

關(guān)于錯(cuò)誤,我裝了error lens 插件,能直接把報(bào)錯(cuò)信息顯示到出錯(cuò)的位置

08.代碼片段補(bǔ)全 snippets

可以自己創(chuàng)建,

我一般都是下載別人提供的補(bǔ)全,自己很少寫這個(gè)

09.Emmet

這個(gè)是用來寫html的快速語法,但是現(xiàn)在一般都不直接寫html了

寫jsx的時(shí)候,這個(gè)東西就沒什么用了。

vscode里面是輸入emmet語法以后,會出現(xiàn)代碼提示給你選擇觸發(fā)。

也可以配置成tab觸發(fā)

10.ts類型檢查

可以在頂部添加

//ts-nocheck禁用ts檢查

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容