vscode插件
显示相关插件
- Indent-Rainbow: 为每个缩进级别添加不同颜色, 使代码结构更清晰可见, 尤其适合多层嵌套代码
- Dracula Official: 高对比度主题
- Guides: 显示虚线缩进指示线，结合括号显示结构更直观
工具类相关
- Git Graph v3
- Path Intellisense: 为文件路径提供自动补全功能, 方便在代码中引用文件, 省去手动查找路径的麻烦
- Error Lens: 在代码编辑器中直观显示错误信息, 让你快速定位并解决代码中的问题, 提高调试效率
- Code Spell Checker: 检查代码中的拼写错误, 避免因拼写错误导致的程序运行问题
- markdown all in one
- Markdown Preview Enhanced: markdown预览, mermaid也支持
- GitLens: Git历史查看神器，显示每一行是谁写的
- Path Intellisense: 自动补全文件路径，提升引入效率
- Code Spell Checker: 拼写错误提示（变量、注释等）
Cpp相关
- Code Runner: 可以快速运行代码片段, 无需完整构建项目, 方便在开发过程中快速测试代码
- Include Autocomplete: 补全头文件路径
js/ts相关
- ESLint: 一个流行的代码检查工具, 用于识别和报告代码中的问题, 确保代码风格一致, 支持自定义规则, 与Prettier等格式化工具兼容
- Prettier: 代码格式化工具, 能自动格式化代码, 使其符合一致的风格, 支持多种语言, 可与ESLint配合使用
- TypeScript Hero: 提供TypeScript特有的功能, 如快速导入模块、跳转到定义和自动生成类型定义等, 提升TypeScript开发效率
- npm Intellisense: 支持npm模块自动补全, 在输入npm模块路径时提供智能提示, 提高开发效率
- Debugger for Chrome/Edge: 允许你在VS Code中直接调试运行在Chrome或Edge浏览器中的JavaScript代码, 支持断点调试、变量检查等功能
- REST Client: 在VS Code中直接发送HTTP请求, 测试API接口, 方便后端开发和前后端联调
快捷键与内置提效技巧
| 功能 |
快捷键（Win/Linux） |
快捷键（macOS） |
| 命令面板 |
Ctrl+Shift+P |
Cmd+Shift+P |
| 文件跳转 |
Ctrl+P |
Cmd+P |
| 变量/函数跳转 |
F12 / Ctrl+Click |
F12 / Cmd+Click |
| 全局搜索 |
Ctrl+Shift+F |
Cmd+Shift+F |
| 多光标编辑 |
Alt+Click |
Option+Click |
| 折叠代码 |
Ctrl+Shift+[ |
Cmd+Shift+[ |