一些常用的快捷操作以及vsc自帶的功能

注：

1.某些軟件快捷鍵會(huì)有沖突 例如搜狗輸入法調(diào)起軟鍵盤，顯卡旋轉(zhuǎn)屏幕等，遇到問題解決沖突

2.以下針對(duì)不同系統(tǒng)和臺(tái)機(jī)或筆記本的按鍵區(qū)別用/代替，順序是windows系統(tǒng)臺(tái)機(jī)/windows系統(tǒng)筆記本/Mac 或 windows系統(tǒng)/Mac

光標(biāo)移動(dòng)

• 針對(duì)單詞的光標(biāo)移動(dòng)：Ctrl/Cmd + 左右方向鍵

• 光標(biāo)移動(dòng)到行首或行末

  • Windows:

    • 臺(tái)機(jī)：Home行首 End行末

    • 筆記本：Fn + 左右方向鍵

  • Mac: Cmd + 左右方向鍵

• 光標(biāo)代碼塊始末移動(dòng)（花括號(hào)始末之間跳轉(zhuǎn)）:Ctrl/Cmd + Shift + \

• 光標(biāo)移動(dòng)到文檔首尾

  • Windows:
    • 臺(tái)機(jī)：Ctrl + Home/End
    • 筆記本：Alt + 左右方向鍵
  • Mac: Cmd + 上下方向鍵

創(chuàng)建多個(gè)光標(biāo)

可用于一些批量處理的操作

• Alt/Cmd + 鼠標(biāo)左鍵：按著按鍵鼠標(biāo)點(diǎn)擊想要?jiǎng)?chuàng)建光標(biāo)的位置，可生成多個(gè)光標(biāo)
• Ctrl/Cmd + Alt/Option + 上下方向鍵：以當(dāng)前光標(biāo)的位置縱向創(chuàng)建多個(gè)光標(biāo)（可配合光標(biāo)移動(dòng)到行首行位進(jìn)行批量操）與系統(tǒng)快捷鍵翻轉(zhuǎn)屏幕有沖突，需要先自行處理再使用
• Alt/Option + Shift + i: 選中內(nèi)容的最后創(chuàng)建光標(biāo)，選中多行則多個(gè)
• 鼠標(biāo)中鍵按住拖動(dòng)

文本選擇

• 純鍵盤操作：以上1.1的操作 + Shift 就可以完成對(duì)應(yīng)的文本選擇

• 純鼠標(biāo)的操作：

  • 自由選擇
  • 點(diǎn)兩下會(huì)選中當(dāng)前單詞，點(diǎn)三下選中當(dāng)前行，點(diǎn)四下選中當(dāng)前文檔
  • 拖動(dòng)左邊行號(hào)選中多行

• 同時(shí)選中多個(gè)相同內(nèi)容：選中內(nèi)容 => Ctrl + D(多次按鍵則選中多個(gè))

當(dāng)前行的操作

• 刪除當(dāng)前行: Ctrl/Cmd + Shift + K

• 剪切當(dāng)前行: Ctrl/Cmd + X

• 從當(dāng)前行無論光標(biāo)在什么位置，新開一行

  • 向下新開一行：Ctrl/Cmd + Enter
  • 向上新開一行：Ctrl/Cmd + Shift + Enter

• 移動(dòng)當(dāng)前行：Alt/Option + 上下方向鍵

• 復(fù)制同時(shí)移動(dòng)當(dāng)前行：Alt/Option + Shift + 上下方向鍵

####注釋

• 注釋一行：Ctrl/Cmd + /
• 選中注釋：Alt/Option + A

一個(gè)窗口多個(gè)編輯窗口

最多三個(gè)：Ctrl/Cmd + \

跳轉(zhuǎn)到文檔指定行數(shù)

Ctrl/Cmd + G 輸入將要跳轉(zhuǎn)的行數(shù)，執(zhí)行即可

跳轉(zhuǎn)到指定文件的指定行數(shù)

結(jié)合以上兩個(gè) Ctrl/Cmd + P 輸入文件名接著輸入：和指定行數(shù)

跳轉(zhuǎn)到指定聲明、類、函數(shù)

Ctrl/Cmd + Shift + O：使用方向鍵選擇或搜索然后回車即可

代碼格式化

可搭配格式化插件及個(gè)性化設(shè)置 推薦Prettier

• 整個(gè)文檔格式化：Alt/Option + Shift + F
• 選中內(nèi)容格式化: Ctrl/Cmd + K Ctrl/Cmd + F

鼠標(biāo)拖動(dòng)

• 選中一行或多行，鼠標(biāo)左鍵按住拖動(dòng)到松手位置
• 選中內(nèi)容按住Ctrl/Option拖動(dòng)，可以將內(nèi)容復(fù)制粘貼到松手位置

搜索與替換

搜索欄后面的三個(gè)小圖標(biāo)為匹配規(guī)則

• 單文件搜索

  • Ctrl/Cmd + F輸入搜索內(nèi)容
  • 選中內(nèi)容再Ctrl/Cmd + F

• 多文件搜索：左側(cè)邊欄小搜索圖標(biāo)

查看引用及跳轉(zhuǎn)

Shift + F12：顯示引用列表（在一個(gè) js 文件里 export 了一個(gè)函數(shù)，在另外一個(gè)文件里引用了它但是 shift + F12 找不到，那么可以在這個(gè)項(xiàng)目下添加一個(gè) jsconfig.json 文件，這個(gè)文件會(huì)讓 VSCode 知道，當(dāng)前這個(gè)文件夾下的文件都是屬于同一個(gè)項(xiàng)目的，從而進(jìn)行索引）配置參考

自定義快捷鍵

Ctrl/Cmd + Shift + P可以打開命令面板并搜索"打開鍵盤快捷方式"回車，可自定義快捷鍵

字符大小寫轉(zhuǎn)換

Ctrl/Cmd + Shift + P打開命令面板 搜索 "轉(zhuǎn)換為大寫" 或 “轉(zhuǎn)換為小寫” 運(yùn)行即可

按照字母進(jìn)行 行排序

感覺這個(gè)用不太到 hhh

Ctrl/Cmd + Shift + P打開命令面板 搜索 "按升序排列行" 或 “按降序排列行” 運(yùn)行即可

打開文件過多時(shí)跳轉(zhuǎn)到指定文件

Ctrl/Cmd + P: 可查看和搜索最近打開過的文件進(jìn)行跳轉(zhuǎn) 還未跳轉(zhuǎn)前，Ctrl/Cmd + Enter 可以多窗口打開此文件

代碼片段

Ctrl/Cmd + Shift + P打開命令面板 搜索 "配置用戶代碼片段"

選擇語言我以vue.json為例，回車后會(huì)顯示十幾行被注釋的內(nèi)容，取消注釋就是這樣了

{// Place your snippets for Vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the // same ids are connected.// Example:// 代碼片段的名字"Print to console": { // 打出log字符時(shí)可以看到代碼片段的提示"prefix": "log", // 代碼片段內(nèi)容"body": [ "console.log('$1');","$2"],// 提示時(shí)展示的內(nèi)容"description": "Log output to console" } } 復(fù)制代碼

$1光標(biāo)位置

$2占位符 Tab后光標(biāo)的位置

${1:label} label為自定義內(nèi)容并會(huì)被選中

詳細(xì)的可參考

轉(zhuǎn)載于:https://juejin.im/post/5caf4472f265da037b60fefc

總結(jié)

以上是生活随笔為你收集整理的VS Code 食用小结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。