代码折叠
Ctrl + Shift + [ 折叠区域代码
Ctrl + Shift + ] 展开区域代码
Ctrl + K Ctrl + [ 折叠所有子区域代码
Ctrl + k Ctrl + ] 展开所有折叠的子区域代码
Ctrl + K Ctrl + 0 折叠所有区域代码
Ctrl + K Ctrl + J 展开所有折叠区域代码
Ctrl+U 回退上一个光标操作
Shift+Alt+A 多行注释
mac：
go forward : control shift -
go back :control -
vscode不是根目录下的node_modules会被自动隐藏，需要在设置下：
"files.watcherExclude": {
"**/.git/objects/**": true,
"**/.git/subtree-cache/**": true,
"**/node_modules/*/**": false //这个地方设置为false
}
List All References
- List All References via the Command Palette, the Context Menu, or via Alt+Shift+F12
- Navigate through search results via F4 and Shift+F4
2. 垂直选中
Alt+Shift+左键
垂直选中
3. Wrap text with Tags (wrap with abbreviation) 在标签块外面包裹一层标签
const Product = () => {
return (
<div>
<span>
<Casousel></Casousel>
</span>
</div>
);
};
比如对上述div外面再包裹一层aside标签，手敲移动光标位置麻烦，借助vscode快捷键则方便多了，选中要被包裹的代码，F1 -> Emmet: Wrap with Abbreviation -> 输入标签名（比如aside）
wrap-with-abbreviation.gif
但是这么操作有点麻烦，可以直接配置快捷键省去前面的步骤
[
{
"key": "alt+w",
"command": "editor.emmet.action.wrapWithAbbreviation",
"when": "editorHasSelection && editorTextFocus"
},
]
找到配置文件keybindings.json将上述代码复制进去，后面直接使用alt+w再输入标签名就可以了。
Toggle Screencast Mode菜单在VS Code中启用Screencast模式，可以显示当前输入的快捷键
