请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

如何在Windows电脑上搭建Flutter开发环境?

如何在Windows电脑上搭建Flutter开发环境?

史上最全,Windows电脑搭建Flutter开发环境教程以及常见问题汇总

如何基于Windows平台搭建Flutter开发环境

磨刀不误砍柴工,在这一节我们来学习如何基于Windows平台搭建Flutter开发环境。为了方便大家能够快速的搭建环境,我将整个过程归纳为以下几步:

步骤小贴士:

  1. 系统要求
  2. 设置FLutter镜像(非必须)
  3. 获取Flutter SDK
  4. Android开发环境设置
  5. 安装Flutter插件
  6. 创建和运行一个简单的Flutter项目

首先,我们先来看在Windows搭建Flutter开发环境对系统都有哪些要求?

1.系统要求

在Windows上要安装并运行Flutter要满足以下最低要求:

  • 操作系统: Windows 10 (64-位),更新版本
  • 磁盘空间: 1.64 GB (不包括Android Studio的磁盘空间)
  • 工具: Flutter 依赖下面这些命令行工具:

2.设置FLutter镜像(非必须)

由于在国内访问Flutter可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意:此镜像为临时镜像,并不能保证一直可用,大家可以从 Using Flutter in China 上获得有关镜像服务器的最新动态。

3.获取Flutter SDK

1.点Flutter官网下载其最新可用的安装包。

2.解压安装包到你想安装的目录,如:C:\flutter

注意,为了避免出现flutter访问权限的问题,建议将flutter安装在系统盘(c盘),但不要将flutter安装到需要一些高权限的路径如C:\Program Files\等。

3.在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行;

接下来,你就可以在Flutter命令行运行flutter命令了。

设置环境变量

要在终端运行 flutter 命令, 你需要添加以下环境变量到系统PATH

  • 在Windows的Start 的搜索条中搜索env,选择编辑帐户的环境变量
  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.

对于无法访问外网的同学,可以设置下镜像的环境变量:在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也将它们添加上去。

  • 重启Windows以应用此更改;

运行 flutter doctor

上面path配置完成之后,打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:

$ flutter doctor

该命令检查你的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示):

例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.

一般的错误会是Android Studio版本太低、或者没有ANDROID_HOME环境变量等

第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

4.Android开发环境设置

安装Android Studio

1.下载并安装 Android Studio

因为Android网站设在国外,如果你的网络无法访问第一个地址,可以选择使用Google为中国开发者提供的中国网址进行访问。

另外,关于Android Studio的安装和配置,Android官方有比较详细的说明文档https://developer.android.google.cn/studio/intro,大家可以根据需要进行查阅;

2.启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具

5.Flutter插件安装

  • 打开Android Studio
  • 打开Preferences > Plugins (macOS), File > Settings > Plugins (Windows & Linux)
  • 选择 Browse repositories, 搜索 Flutter plugin
  • 然后点击安装,然后安装Dart插件
  • 完成之后选择重启Android Studio

6.创建和运行一个简单的Flutter项目

1.通过如下命令创建一个Flutter项目

$ flutter create my_app

2.命令运行完成之后会在当前目录下创建一个名为my_app的Flutter项目,然后通过一下命令可以运行它:

$ cd my_app
$ flutter run

7.小结

本节主要讲解了如何在Windows平台搭建上Flutter开发环境,包括Flutter所必须的Android开发环境的搭建以及插件的安装。到这里呢使用Windows的小伙伴们已经完成了Flutter的整个开发环境的搭建,接下来就可以进入到Flutter的开发的相关基础知识的学习了。

正在回答 回答被采纳积分+3

1回答

提问者 CrazyCodeBoy 4天前

如上。

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信