重装Flutter和Dart后旧项目代码无高亮、无图标问题求助

1. 检查工作区配置 #

• 打开项目根目录下的.vscode/settings.json，删除可能干扰的错误配置，或者手动添加以下内容强制关联Dart文件：

{
  "files.associations": {
    "*.dart": "dart"
  },
  "dart.enableSdkFormatter": true
}

• 若项目没有.vscode文件夹，手动创建并添加上述配置文件。

2. 重新绑定SDK路径 #

• 打开VS Code设置（快捷键Ctrl+,），搜索Flutter SDK Path，确认路径指向重装后的Flutter SDK根目录（比如D:\flutter或~/flutter）。
• 同步检查Dart SDK Path，Flutter内置的Dart路径一般为flutter/bin/cache/dart-sdk，确保路径准确无误。

3. 清除VS Code缓存 #

• 关闭VS Code，删除对应路径下的缓存文件夹：
  • Windows：%APPDATA%\Code\Cache、%APPDATA%\Code\CachedData
  • Mac：~/Library/Caches/Code、~/Library/Application Support/Code/CachedData
  • Linux：~/.config/Code/Cache、~/.config/Code/CachedData
• 重新打开VS Code并加载项目。

4. 校验项目配置文件 #

• 确认pubspec.yaml存在且格式正确（无缩进、语法错误），VS Code依赖该文件识别Flutter/Dart项目。
• 执行flutter pub get命令，重新加载项目依赖，确保依赖安装完整。

5. 重置扩展状态 #

• 在VS Code扩展面板找到Dart和Flutter扩展，点击齿轮图标选择Disable，重启后再重新Enable。
• 若无效，卸载扩展后手动删除本地存储：
  • Windows/Mac/Linux：找到~/.vscode/extensions（Windows为%USERPROFILE%\.vscode\extensions）下的Dart、Flutter相关文件夹删除
  • 重新安装扩展。

内容的提问来源于stack exchange，提问作者CodeVault