VSCode使用合集

官方文檔(英文版):Documentation for Visual Studio Code

自動(dòng)保存:file->AutoSave,或者Ctrl+shift+P,輸入auto



如何在 sidebar 隱藏編譯后文件:

設(shè)置 Preferences -> Workspace Settings (或 User Settings)配置文件,將需要隱藏的文件按 glob 匹配模式進(jìn)行配置,例如以下是 Angular2 TypeScript 項(xiàng)目中隱藏 .js 與 .js.map 文件的配置:

{

"files.exclude": {

"**/._*": true,

"node_modules/": true,

"app/*.js.map": true,

"app/*.js": true

}

}

自定義快捷鍵:文件->首選項(xiàng)->鍵盤(pán)快捷方式

貫穿始終的命令面板(Command Palettes)

為充分利用鍵盤(pán),這一編輯中最強(qiáng)大的交互方式,VSCode提供了可以直達(dá)所有功能的命令面板:Ctrl + P打開(kāi)命令面板。

輸入?來(lái)查看可以使用的命令:

按下F1或Ctrl + Shift + P:顯示或運(yùn)行命令


代碼編輯

【常用】上下移動(dòng)一行: Alt+Up 或 Alt+Down

【常用】向上向下復(fù)制一行: Shift+Alt+Up或Shift+Alt+Down

【常用】format document格式規(guī)范:Shift+Alt+F/右鍵

【常用】剪切一行:Shift+delete\Ctrl+X

【常用】Ctrl+C Ctrl+X Ctrl+V如果不選中,默認(rèn)復(fù)制或剪切一整行

【常用】注釋代碼塊:Ctrl+Shift+A

代碼行縮進(jìn)Ctrl+[, Ctrl+],或者Tab\Shift+Tab

折疊打開(kāi)代碼塊 Ctrl+Shift+[, Ctrl+Shift+],或者行數(shù)旁邊的+/-符號(hào)

在當(dāng)前行下邊插入一行Ctrl+Enter

在當(dāng)前行上方插入一行Ctrl+Shift+Enter

【常用】Ctrl+D下一個(gè)匹配的也被選中(被我自定義成刪除當(dāng)前行了,Ctrl+Shift+K

編輯器與窗口管理

同時(shí)打開(kāi)多個(gè)窗口(查看多個(gè)項(xiàng)目)

? 【常用】打開(kāi)一個(gè)新窗口: Ctrl+Shift+N

? ? 關(guān)閉窗口: Ctrl+Shift+W

同時(shí)打開(kāi)多個(gè)編輯器(查看多個(gè)文件)

? ? 新建文件 Ctrl+N

? ? 切出一個(gè)新的編輯器(最多3個(gè))Ctrl+\,也可以按住Ctrl鼠標(biāo)點(diǎn)擊Explorer里的文件名

? ? 左中右3個(gè)編輯器的快捷鍵Ctrl+1 Ctrl+2 Ctrl+3

3個(gè)編輯器之間循環(huán)切換 Ctrl+`

編輯器換位置,Ctrl+k然后按Left或Right

跳轉(zhuǎn)導(dǎo)航

【常用】歷史打開(kāi)文件之間切換 Ctrl+Tab,Alt+Left,Alt+Right

按下Ctrl + E,會(huì)列出最近打開(kāi)過(guò)的文件,輸入文件名,即可打開(kāi)該文件。

按下Ctrl + G或在命令面板中輸入“:””,再輸入行數(shù)即可跳轉(zhuǎn)至該文件的相應(yīng)行:

光標(biāo)相關(guān)

【常用】移動(dòng)到行首:Home

【常用】移動(dòng)到行尾:End

移動(dòng)到文件結(jié)尾:Ctrl+End

移動(dòng)到文件開(kāi)頭:Ctrl+Home

移動(dòng)到后半個(gè)括號(hào) Ctrl+Shift+]

選中當(dāng)前行Ctrl+i(雙擊)

選擇從光標(biāo)到行尾Shift+End

選擇從行首到光標(biāo)處Shift+Home

刪除光標(biāo)右側(cè)的所有字Ctrl+Delete

Shrink/expand selection: Shift+Alt+Left和Shift+Alt+Right

【常用】Multi-Cursor多重選擇:可以連續(xù)選擇多處,然后一起修改,Alt+Click添加cursor或者Ctrl+Alt+Down 或 Ctrl+Alt+Up

【常用】同時(shí)選中所有匹配的Ctrl+Shift+L

回退上一個(gè)光標(biāo)操作Ctrl+U

重構(gòu)代碼

【常用】跳轉(zhuǎn)到定義處:F12/Ctrl+鼠標(biāo)左鍵

?定義處縮略圖:只看一眼而不跳轉(zhuǎn)過(guò)去Alt+F12

?列出所有的引用:Shift+F12

同時(shí)修改本文件中所有匹配的:Ctrl+F12

【常用】方法重命名:比如要修改一個(gè)方法名,可以選中后按F2,輸入新的名字,回車(chē),會(huì)發(fā)現(xiàn)所有的文件都修改過(guò)了。

跳轉(zhuǎn)到下一個(gè)Error或Warning:當(dāng)有多個(gè)錯(cuò)誤時(shí)可以按F8逐個(gè)跳轉(zhuǎn)

代碼差分/查看diff :先選擇第一個(gè)文件,右鍵單擊,選擇“Select for Compare”,

再選擇第二個(gè)文件,右鍵單擊時(shí),會(huì)出現(xiàn)“Compare with ‘…’”,選擇即可進(jìn)行差分:

查找替換

查找 Ctrl+F

查找替換 Ctrl+H

整個(gè)文件夾中查找 Ctrl+Shift+F

顯示相關(guān)

全屏:F11

?zoomIn/zoomOut:Ctrl + =/Ctrl + -

側(cè)邊欄顯/隱:Ctrl+B

如果文件夾中包含解決方案或項(xiàng)目文件(如C#的.sln/.csproj),VSCode會(huì)識(shí)別這些文件(在底部的狀態(tài)欄中顯示),并針對(duì)這些項(xiàng)目提供更豐富的功能,如更強(qiáng)大的智能提示等。

預(yù)覽markdown Ctrl+Shift+V

自定義代碼段

然后輸入語(yǔ)言,例如我這里輸入typescript

由于每次輸入箭頭函數(shù)() => {}太煩了,我這里加入一段加入一段

"arrow function": {

"prefix":"func",

"body": [

"(${e}) => {$1}"

],

"description":"arrow function"

}

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

快速開(kāi)始編寫(xiě)html的方法

1.在html文件第一行輸入!

2.光標(biāo)移到!后,按tag鍵


常用插件

摞到獨(dú)立文章-插件介紹

配置TypeScript環(huán)境

首先覆蓋默認(rèn)ctrl + space快捷鍵,因?yàn)檫@個(gè)快捷鍵被輸入法切換占用了

C:\Users\Administrator\AppData\Roaming\Code\User\keybindings.json

加入

// Place your key bindings in this file to overwrite the defaults

[

{"key":"ctrl+alt+space","command":"editor.action.triggerSuggest",

"when":"editorTextFocus"}

]

File - Open Folder 打開(kāi)項(xiàng)目的目錄

創(chuàng)建tsconfig.json

輸入{},在大括號(hào)中間ctrl + alt + space(上邊的自定義鍵盤(pán))輸入

{

"compilerOptions":{

"target":"ES5",

"module":"amd",

"sourceMap":true

}

}

可以創(chuàng)建.ts文件了

配置TaskRunnerCtrl+Shift+P輸入Configure Task Runner

Run TaskCtrl+Shift+B

安裝typings

Install typings to bring in the .d.ts files which power javascript intellisense.

npm install typings --global

# Searchfor definitions.

typings search tape

# Find an available definition (byname).

typings search --name react

# Install typings (DT is "ambient", make sure to enable the flag and persist the selectionin `typings.json`).

typings install react --ambient --save

install will create a typings folder. VS Code will reference the .d.ts files for intellisense.

最后編輯于
?著作權(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)容

  • 返回上次光標(biāo)的位置Ctrl+Alt+ left/right 返回至上次瀏覽的位置 Alt+回車(chē) 導(dǎo)入包,自動(dòng)修正C...
    請(qǐng)叫我四爺閱讀 2,234評(píng)論 1 2
  • 1. ctrl+shift+r:打開(kāi)資源 這可能是所有快捷鍵組合中最省時(shí)間的了。這組快捷鍵可以讓你打開(kāi)你的工作區(qū)中...
    微揚(yáng)輕輕語(yǔ)閱讀 908評(píng)論 1 7
  • 第一步 新建一個(gè)project,或者如果你已經(jīng)有project的話(huà),那就直接新建一個(gè)module.注意選擇Java...
    Ariel_Tian閱讀 1,460評(píng)論 0 4
  • Ctrl快捷鍵介紹 Ctrl + F在當(dāng)前文件進(jìn)行文本查找(必備) Ctrl + R在當(dāng)前文件進(jìn)行文本替換(必備)...
    Mervyn_2014閱讀 4,193評(píng)論 0 2
  • 很多事的發(fā)生,回想起來(lái)像是冥冥中的指引。 前一天還在說(shuō),在等一個(gè)契機(jī),會(huì)再學(xué)佛經(jīng),偶然就得了南師解讀的金剛經(jīng)。 讀...
    Coach張小鹿閱讀 348評(píng)論 0 2

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