> For the complete documentation index, see [llms.txt](https://gyx8899.gitbook.io/blog/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gyx8899.gitbook.io/blog/tool/vscode.md).

# VS Code：发挥应有的效率

总结的过程，也是是输出的的过程，也是学习的过程。

## 查看快捷键

[keyboard-shortcuts-windows](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf)

## 快捷键专列

| 功能       | 快捷键（windows）              | 快捷键（Mac）                    |
| -------- | ------------------------- | --------------------------- |
| 打开命令面板   | Ctrl + Shift + P          |                             |
| 侧边-打开/关闭 | Ctrl + B                  | Command + b                 |
| 侧边-资源管理器 | Ctrl + Shift + E          |                             |
| 侧边-源代码管理 | Ctrl + Shift + G          |                             |
| 侧边-运行和调试 | Ctrl + Shift + D          | Command + Shift + D         |
| 侧边-扩展    | Ctrl + Shift + X          |                             |
| 底部-新建终端  | Ctrl + + Shift + \`       |                             |
| 向上向下复制行  | Shift + Alt + Up/Down     | Shift + Option + Up/Down    |
| 格式化代码    | Shift + Alt + F           | Shift + Option + F          |
| 代码折叠     | Ctrl + Shift + \[         | Command+ Option + \[        |
| 代码展开     | Ctrl + Shift + ]          | Command+ Option + ]         |
| 文件中符号跳转  | Ctrl + Shift + O          | Command + Shift+ o          |
| 工作区符号跳转  | Ctrl + t                  | Command + t                 |
| 删除上一个词   | Ctrl + Backsopace         | Option + Delete             |
| 选中词      | Ctrl + Shift + Left/Right | Option + Shift + Left/Right |
| 重命名      | F2                        | F2                          |
| 常用设置     | Ctrl + ,                  |                             |
| 设置主题     | Ctrl +                    |                             |
| 格式化代码    |                           | Shift + Option + F          |

## 使用技巧

* 快速生成 html 页面基础代码

```html
html:5
```

## 问题列表

* 无法使用 JSX，除非提供了 "--jsx" 标志

  解决：在 VS Code中打开任意一个 tsx 文件，VS Code 右下角有一个当前文件类型的VS Code 版本（比较低），更改“使用工作区版本”（比较高），搞定！

## 参考链接
