vscode環(huán)境設(shè)置
- 自動(dòng)保存:file->AutoSave,或者Ctrl+shift+P,輸入auto
- 右側(cè)sidebar選擇隱藏文件:文件->首選項(xiàng)->設(shè)置
例如在 Angular2 TypeScript 項(xiàng)目中隱藏 .js 與 .js.map 文件:
{
"files.exclude": {
"**/._*": true,
"node_modules/": true,
"app/*.js.map": true,
"app/*.js": true
}
}
- 自定義快捷鍵:文件->首選項(xiàng)->鍵盤快捷方式
最新版本的vsc有很友好的提示了
- 打開(kāi)命令面板
為充分利用鍵盤,這一編輯中最強(qiáng)大的交互方式,VSCode提供了可以直達(dá)所有功能的命令面板:
按下F1或Ctrl + Shift + P或Ctrl + P + >
代碼編輯
可在鍵盤快捷方式中查看所有的快捷方式并更改,這里列出比較常用的
| 快捷鍵 |
作用 |
| Alt+Up/Alt+Down |
上/下移動(dòng)一行 |
| Shift+Alt+Up/Shift+Alt+Down |
向上/向下復(fù)制一行 |
| Shift+Alt+F/右鍵->format document |
格式規(guī)范 |
| Shift+delete\Ctrl+X |
剪切一行 |
| Ctrl+C/Ctrl+X |
如果不選中,默認(rèn)復(fù)制或剪切一整行 |
| Ctrl+/或者Ctrl+Shift+A |
注釋一行/注釋選中的內(nèi)容 |
| Ctrl+[,Ctrl+]/Tab\Shift+Tab |
代碼行縮進(jìn)/反縮進(jìn) |
| Ctrl+Shift+[,Ctrl+Shift+]/點(diǎn)擊行數(shù)旁邊的+/-符號(hào) |
折疊打開(kāi)代碼塊 |
| Ctrl+Enter |
在當(dāng)前行下邊插入一行 |
| Ctrl+Shift+Enter |
在當(dāng)前行上方插入一行 |
| Ctrl+D |
下一個(gè)匹配的也被選中,被我自定義成刪除當(dāng)前行了 |
快速開(kāi)始編寫html的方法:
- 在html文件第一行輸入!
- 光標(biāo)移到!后,按tag鍵
跳轉(zhuǎn)導(dǎo)航
| 快捷鍵 |
作用 |
| Ctrl+Tab,Alt+Left,Alt+Right |
歷史打開(kāi)文件之間切換 |
| Ctrl+E/Ctrl +P |
列出最近打開(kāi)過(guò)的文件,輸入文件名,即可打開(kāi)該文件 |
| Ctrl+G或在命令面板中輸入:,再輸入行數(shù) |
跳轉(zhuǎn)至該文件的相應(yīng)行 |
跳轉(zhuǎn)導(dǎo)航
| 快捷鍵 |
作用 |
| Home |
移動(dòng)到行首 |
| End |
移動(dòng)到行尾 |
| Ctrl+End |
移動(dòng)到文件結(jié)尾 |
| Ctrl+Home |
移動(dòng)到文件開(kāi)頭 |
| Ctrl+Shift+] |
移動(dòng)到后半個(gè)括號(hào) |
| Ctrl+i/雙擊左鍵 |
選中當(dāng)前行 |
| Shift+End |
選擇從光標(biāo)到行尾 |
| Shift+Home |
選擇從行首到光標(biāo)處 |
| Alt+Click添加cursor/Ctrl+Alt+Down 或 Ctrl+Alt+Up |
Multi-Cursor多重選擇:可以連續(xù)選擇多處,然后一起修改 |
| Ctrl+Shift+L |
選擇所有找到的查找匹配項(xiàng) |
重構(gòu)代碼
| 快捷鍵 |
作用 |
| F12/Ctrl+鼠標(biāo)左鍵 |
跳轉(zhuǎn)到定義處 |
| Alt+F12 |
定義處縮略圖:只看一眼而不跳轉(zhuǎn)過(guò)去 |
| Shift+F12 |
列出所有的引用 |
| Ctrl+F12 |
同時(shí)修改本文件中所有匹配 |
| 選中一個(gè)方法名后按F2,輸入新的名字,回車 |
方法重命名,把所有的文件都修改 |
| 當(dāng)有多個(gè)錯(cuò)誤時(shí),按F8逐個(gè)跳轉(zhuǎn) |
跳轉(zhuǎn)到下一個(gè)Error或Warning |
| 選擇第一個(gè)文件,右鍵單擊,選擇“Select for Compare” |
代碼差分/查看diff |
查找替換
| 快捷鍵 |
作用 |
| Ctrl+F |
文件內(nèi)查找 |
| Ctrl+H |
文件內(nèi)替換 |
| Ctrl+Shift+F |
整個(gè)文件夾中查找 |
顯示相關(guān)
| 快捷鍵 |
作用 |
| F11 |
全屏 |
| Ctrl + =/Ctrl + - |
整體放大縮小 |
| Ctrl+B |
側(cè)邊欄顯/隱 |
| Ctrl+Shift+V |
預(yù)覽markdown |
編輯器與窗口管理
| 快捷鍵 |
作用 |
| Ctrl+Shift+N |
打開(kāi)一個(gè)新窗口 |
| Ctrl+Shift+W |
關(guān)閉窗口 |
| Ctrl+N |
新建文件 |
| Ctrl+\或Ctrl鼠標(biāo)點(diǎn)擊Explorer里的文件名 |
切出一個(gè)新的編輯器(最多3個(gè)) |
| Ctrl+1/Ctrl+2/Ctrl+3 |
左中右3個(gè)編輯器的快捷鍵 |
| Ctrl+` |
3個(gè)編輯器之間循環(huán)切換 |
自定義代碼段
- 文件->首選項(xiàng)->用戶自定義片段
- 然后輸入語(yǔ)言,例如我這里輸入typescript
- 例如自定義一個(gè)箭頭函數(shù)
"arrow function": {
"prefix":"func",
"body": [
"(${e}) => {$1}"
],
"description":"arrow function"
}
保存后,下次輸入func的時(shí)候就會(huì)自動(dòng)出來(lái)箭頭函數(shù)了
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。