VSCode環(huán)境設(shè)置與快捷鍵整理

vscode環(huán)境設(shè)置

  1. 自動(dòng)保存:file->AutoSave,或者Ctrl+shift+P,輸入auto
  2. 右側(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
  }
}
  1. 自定義快捷鍵:文件->首選項(xiàng)->鍵盤快捷方式
    最新版本的vsc有很友好的提示了
  2. 打開(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的方法:

  1. 在html文件第一行輸入!
  2. 光標(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)切換

自定義代碼段

  1. 文件->首選項(xiàng)->用戶自定義片段
  2. 然后輸入語(yǔ)言,例如我這里輸入typescript
  3. 例如自定義一個(gè)箭頭函數(shù)
"arrow function": {
  "prefix":"func",
  "body": [
    "(${e}) => {$1}"
  ],
  "description":"arrow function"
}

保存后,下次輸入func的時(shí)候就會(huì)自動(dòng)出來(lái)箭頭函數(shù)了

image.png
最后編輯于
?著作權(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ù)。

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

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