官方文檔(英文版):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.