今天才發(fā)現(xiàn)vscode打開以后,起始頁右邊walkthroughs會顯示一長串教程
起始頁里面,三個(gè)板塊我只有最近打開這個(gè)功能是最常用,其他兩個(gè)是根本沒用過。
所以今天看了一下vscode的教程,還是比較實(shí)用的,至少學(xué)會了一個(gè)多光標(biāo)操作。
01.多光標(biāo)操作
- 區(qū)域選擇,
Shift+DownArrowShift+RightArrow,Shift+UpArrow,Shift+LeftArrow,shift+方向鍵控制選擇區(qū)域,shift+alt+鼠標(biāo) 拖拽選擇,或者按住鼠標(biāo)中鍵拖拽(因?yàn)槭髽?biāo)中鍵綁定為utools的熱鍵了,所以我還是選擇) - 添加光標(biāo),
Ctrl+Alt+UpArrow和Ctrl+Alt+DownArrow分別向上或者向下添加光標(biāo),Alt+鼠標(biāo)點(diǎn)擊在點(diǎn)擊的地方添加光標(biāo) - 選中出現(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.行操作
- 復(fù)制一行插入上方或下方(這個(gè)很常用,雖然vim也可以 yyp,但是要兩步操作了),
shift+alt+DownArrow,Shift+Alt+UpArrow - 移動整行到上方或者下方
Alt+UpArrow或Alt+DownArrow(個(gè)人不是很常用,一般使用vim的sort命令按變量名排序), - 刪除整行,
ctrl+shift+k(不如用vim的dd) - 注釋 一行
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檢查