使用Visual Studio Code设置Flutter

时间:2018-08-07 19:48:50

标签: visual-studio-code flutter

我是C#开发人员,但是受过开发Flutter应用程序的任务,而我发现自己不知道自己在做什么。我有一个Visual Studio Code的副本,并且已经安装了Flutter SDK,但是它们不能一起使用。已安装Dart和Flutter扩展,但是当我CTRL + SHIFT P并选择Flutter:New Project时,提示消失,并且我发现自己在屏幕上没有任何更改。早些时候,我遇到了一个错误,即VSCode找不到我的SDK。

我疯了。有人可以告诉我从哪里开始调试此问题吗?

4 个答案:

答案 0 :(得分:2)

似乎您没有安装SDK。 导航到vs代码上的“查看”选项,然后选择“命令面板”。

在调色板中键入flutter一词;它应该给您命令列表, 例如,创建一个新项目并招募医生。

选择任一Flutter:运行Flutter的Flutter Doctor:运行新项目

您将在vs代码的底部|右侧获得一个选项,以选择SDK的安装文件夹(如果没有)。然后将提示您输入项目名称和位置。

要运行示例项目,可以使用flutter run命令。

答案 1 :(得分:1)

VSCode窗口的抖动设置

  1. 您需要从flutter或git下载flutter库 一种。从颤动 https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.9-stable.zip b。从git clone(确保git已安装在系统中) C:\ src> git clone https://github.com/flutter/flutter.git -b稳定

  2. 提取或克隆以下目录中的flutter库 C:\ flutter

  3. 添加新的环境可验证路径C:\ flutter \ bin
  4. 运行Flutter版本以检查Flutter是否正确安装
  5. 安装VSCode
  6. 在VSCode中安装Flutter和Dark扩展
  7. 按Ctrl + Shift + P打开命令选项板。在搜索栏中输入Flutter,然后单击Flutter:New Project。 它将创建一个演示项目。
  8. 运行Flutter运行演示项目

注意-您可能需要安装android studio,因为它将设置android SDK和模拟器

答案 2 :(得分:0)

如果您正在运行Flutter: New Project,然后什么也没有看到,那么这肯定是扩展程序中的错误。应该会提示您输入项目名称和位置。

如果仍然可以重现此内容,请在GitHub上raise a bug,并在可能的情况下附加一个Extension log。开发控制台中可能还会有有用的信息(帮助->切换开发者工具)。

答案 3 :(得分:0)

VS Studio在“查看日志”按钮中指示的预定义文件夹中寻找抖动。要解决此问题,请在您的环境变量中添加flutter \ bin文件夹。

在Windows中,右键单击“此PC”->“属性”->“高级系统设置”->在“高级”选项卡中,单击“环境变量”,在“系统变量”部分中选择“路径”

下一步,单击“编辑”,单击“新建”,然后将bin文件夹的位置放入安装flutter的位置。

重新启动VS Studio,然后重新运行Flutter Doctor。