vscode常用快捷键

代码折叠

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 -

VS Code折腾记 - (2) 快捷键大全，没有更全

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外面再包裹一层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模式，可以显示当前输入的快捷键

Wrap text with Tags in VS Code (wrap with abbreviation)