vscode環(huán)境設(shè)置
- 自動保存:file->AutoSave,或者Ctrl+shift+P,輸入auto
- 右側(cè)sidebar選擇隱藏文件:文件->首選項->設(shè)置
例如在 Angular2 TypeScript 項目中隱藏 .js 與 .js.map 文件:
{
"files.exclude": {
"**/._*": true,
"node_modules/": true,
"app/*.js.map": true,
"app/*.js": true
}
}
- 自定義快捷鍵:文件->首選項->鍵盤快捷方式
最新版本的vsc有很友好的提示了
- 打開命令面板
為充分利用鍵盤锨亏,這一編輯中最強大的交互方式好芭,VSCode提供了可以直達所有功能的命令面板:
按下F1或Ctrl + Shift + P或Ctrl + P + >
代碼編輯
可在鍵盤快捷方式中查看所有的快捷方式并更改轴术,這里列出比較常用的
快捷鍵 |
作用 |
Alt+Up/Alt+Down |
上/下移動一行 |
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 |
代碼行縮進/反縮進 |
Ctrl+Shift+[,Ctrl+Shift+]/點擊行數(shù)旁邊的+/-符號 |
折疊打開代碼塊 |
Ctrl+Enter |
在當(dāng)前行下邊插入一行 |
Ctrl+Shift+Enter |
在當(dāng)前行上方插入一行 |
Ctrl+D |
下一個匹配的也被選中,被我自定義成刪除當(dāng)前行了 |
快速開始編寫html的方法:
- 在html文件第一行輸入!
- 光標(biāo)移到!后噪珊,按tag鍵
跳轉(zhuǎn)導(dǎo)航
快捷鍵 |
作用 |
Ctrl+Tab谤职,Alt+Left饰豺,Alt+Right |
歷史打開文件之間切換 |
Ctrl+E/Ctrl +P |
列出最近打開過的文件,輸入文件名允蜈,即可打開該文件 |
Ctrl+G或在命令面板中輸入:冤吨,再輸入行數(shù) |
跳轉(zhuǎn)至該文件的相應(yīng)行 |
跳轉(zhuǎn)導(dǎo)航
快捷鍵 |
作用 |
Home |
移動到行首 |
End |
移動到行尾 |
Ctrl+End |
移動到文件結(jié)尾 |
Ctrl+Home |
移動到文件開頭 |
Ctrl+Shift+] |
移動到后半個括號 |
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 |
選擇所有找到的查找匹配項 |
重構(gòu)代碼
快捷鍵 |
作用 |
F12/Ctrl+鼠標(biāo)左鍵 |
跳轉(zhuǎn)到定義處 |
Alt+F12 |
定義處縮略圖:只看一眼而不跳轉(zhuǎn)過去 |
Shift+F12 |
列出所有的引用 |
Ctrl+F12 |
同時修改本文件中所有匹配 |
選中一個方法名后按F2,輸入新的名字,回車 |
方法重命名,把所有的文件都修改 |
當(dāng)有多個錯誤時饶套,按F8逐個跳轉(zhuǎn) |
跳轉(zhuǎn)到下一個Error或Warning |
選擇第一個文件漩蟆,右鍵單擊,選擇“Select for Compare” |
代碼差分/查看diff |
查找替換
快捷鍵 |
作用 |
Ctrl+F |
文件內(nèi)查找 |
Ctrl+H |
文件內(nèi)替換 |
Ctrl+Shift+F |
整個文件夾中查找 |
顯示相關(guān)
快捷鍵 |
作用 |
F11 |
全屏 |
Ctrl + =/Ctrl + - |
整體放大縮小 |
Ctrl+B |
側(cè)邊欄顯/隱 |
Ctrl+Shift+V |
預(yù)覽markdown |
編輯器與窗口管理
快捷鍵 |
作用 |
Ctrl+Shift+N |
打開一個新窗口 |
Ctrl+Shift+W |
關(guān)閉窗口 |
Ctrl+N |
新建文件 |
Ctrl+\或Ctrl鼠標(biāo)點擊Explorer里的文件名 |
切出一個新的編輯器(最多3個) |
Ctrl+1/Ctrl+2/Ctrl+3 |
左中右3個編輯器的快捷鍵 |
Ctrl+` |
3個編輯器之間循環(huán)切換 |
自定義代碼段
- 文件->首選項->用戶自定義片段
- 然后輸入語言,例如我這里輸入typescript
- 例如自定義一個箭頭函數(shù)
"arrow function": {
"prefix":"func",
"body": [
"(${e}) => {$1}"
],
"description":"arrow function"
}
保存后妓蛮,下次輸入func的時候就會自動出來箭頭函數(shù)了
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者