VSCode 常用快捷键，扩展推荐和 Flutter 开发的配置
最新回答
言清欢
2024-11-24 10:01:40
以下是我常用的快捷键：
1. Quick Fix (快速修复) - 在任何地方使用它，会弹出一个上下文菜单，根据当前代码给出处理方式，如为 widget 嵌套多层，扩展和移除等，甚至帮你导入所需库和创建构造函数。
2. 显示命令面板 - 弹出搜索框，查看所有最近使用的命令并搜索新命令。
3. 按文件名进行查找 - 方便地在项目中找到所需文件，特别是当项目结构较复杂时。
4. 添加 Dart 的依赖 - 在命令面板中输入 Dart: Add Dependency 或 Dart: Add Dev Dependency，自动搜索相关依赖包并添加到项目 pubspec.yaml 文件中。
5. Flutter 与 Dart 代码片段 - 使用插件中的代码片段，如插入代码片段后输入类名即可。
6. 查看所有快捷键 - VSCode 提供大量快捷键，可自行查看和设置。
以下是我推荐的一些 VSCode 扩展：
1. Dart Data Class Generator - 自动生成数据模型类，提高开发效率。
2. Flutter Riverpod Snippets - 快速完成 Riverpod 相关代码。
3. Error Lens - 实时高亮显示代码错误、警告和语法错误。
4. Better Comments - 改善注释，高亮显示警告、注意和待办事项。
5. Remove comments - 直接移除当前文件中所有注释。
6. Advanced New File - 使用键盘轻松创建新文件。
7. Dracula 主题 - 个性化的 VSCode 主题。
8. Version Lens - 在 pubspec.yaml 文件中查看每个包的最新版本，自动升级。
如果项目需要连接 REST APIs，以下扩展很有用：
1. Rest Client - 在 VSCode 中发送 HTTP 请求并查看返回结果。
2. Thunder Client - Postman 的替代品，方便在 VSCode 中管理 REST APIs。
3. Live Server - 启动本地开发服务器，提供实时重载功能。
以下是一些针对 Flutter 开发的 VSCode 配置：
1. 保存时修复错误 - 自动为适当位置添加 const 优化性能。
2. 保存时格式化 - 自动格式化代码，提高代码可读性。
3. 为括号加上颜色 - 方便分辨括号对应的代码段。
4. 预览 Flutter UI 指南 - 显示不同层次 widget 的连接线，方便查看主次关系。
5. 在滚动中固定类名和方法名 - 方便查看长代码中的类名和方法名。
6. 对于自动生成的关联文件自动折叠 - 避免自动生成的实体类文件杂乱无章。
热门标签
