flutter - 在VSCode解释包中以URI形式 flutter

Question

我正在尝试开始使用VSCode中的flutter。
我想我已经完成了所有正确的设置:

1)在VS代码上下载了flutter和dart的扩展以及codeRunner

2)下载flutter SDK，并添加路径

3)运行 flutter 医生，没有任何错误


完成所有设置后，我尝试单击“运行代码”，并收到错误:'dart'未识别为内部或外部命令。阅读其他在线帖子后，我发现这是因为我仅将flutter SDK添加到了我的路径中，而不是dart SDK，所以我也将dart SDK添加到了我的路径中。

从那里，我尝试再次运行代码，并收到以下错误:

lib/main.dart: Warning: Interpreting this as package URI, 'package:tranfer_app/main.dart'.
../../flutter/packages/flutter/lib/src/material/animated_icons.dart:9:8: Error: Not found: 'dart:ui'
import 'dart:ui' as ui show Paint, Path, Canvas;
       ^
../../flutter/packages/flutter/lib/src/material/animated_icons.dart:10:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/app.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' as ui;
       ^
../../flutter/packages/flutter/lib/src/material/app_bar_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/arc.dart:6:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/bottom_app_bar_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/bottom_sheet_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/button_bar_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/card_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^
../../flutter/packages/flutter/lib/src/material/chip_theme.dart:5:8: Error: Not found: 'dart:ui'
import 'dart:ui' show lerpDouble;
       ^

从我的在线阅读中，听起来好像VS Code可能试图以 Dart 应用程序而不是 flutter 的应用程序运行，尽管我已经找到了如何在Android Studio中进行更改，但是我不确定如何在VSCode中进行更改(这是我想要进行开发的地方)。值得注意的是，如果我不是使用Ctrl + Alt + N来运行代码，而是使用F5，则该应用程序将在模拟器上正常运行，但是我宁愿先找出这些警告，然后再继续进行，因为它们似乎很重要。

我希望我的代码可以使用常规的Ctrl + Alt + N代码运行器运行。

非常感谢你的帮助!

Answer 1

I expect my code to be runnable using the usual Ctrl+Alt+N Code Runner.

Code Runner不了解Flutter是什么(或如何运行)，因此按此组合键将仅在VM中运行Dart脚本。警告是因为dart:ui在独立VM中不可用(仅通过Flutter)。

使用F5(或“调试”菜单)是运行Flutter应用程序的正确方法，因为Dart / Flutter扩展程序会自动检测该工具，该扩展程序会自动检测运行该工具所使用的工具(并提供许多其他功能，例如热-保存时重新加载)。

如果有某种原因使您无法使用F5，我很想了解为什么(您可以提交问题on GitHub)。谢谢!