在 Windows 10下装置Flutter+Dart+Android Studio 配置Flutter开发环境

配置环境变量

因为局部网站被墙的起因,咱们须要先配置Flutter国内镜像地址,这两个地址是由Flutter官网保护的,能够放心使用
首先咱们找到此电脑点击右键,而后点击属性

而后点击高级零碎设置

点击高级而后找到上面的环境变量并点击

点击新建

变量名输出PUB_HOSTED_URL 变量值输出 https://pub.flutter-io.cn 而后点击确定

持续点击 新建
变量名输出FLUTTER_STORAGE_BASE_URL 变量值输出 https://storage.flutter-io.cn 而后点击确定

到这里须要的环境变量就配置实现了

开始装置Flutter
  • 下载安装文件并解压缩

点击进入官网下载须要的版本
如果不能关上该网站,可去我的网盘去取版本是1.22.0 提取码: awjy
下载实现后在新建一个文件夹解压缩,我这里选的是C:\src\flutter
解压胜利之后,咱们须要将Flutter也配置到环境变量中,flutter文件夹下的bin目录门路(我这里是C:\src\flutter\bin)配置到环境变量中。关上配置环境变量的步骤参考 下面的步骤配置环境变量
双击Path来增加

C:\src\flutter\bin配置进去

  • 运行 flutter doctor

将门路配置之后咱们关上 终端工具PowerShell 输出 flutter doctor查看还有哪些须要配置。flutter doctor是Flutter官网提供的用来检测以后Flutter配置环境的工具,能够疾速的帮咱们发现问题。
运行之后咱们会看到输入如下:

很显著咱们还须要装置 Android Studio,Andriod Studio是Flutter官网反对的IDE工具。
去Andriod Studio 官网下载下载实现后,一路Next装置实现,而后启动Android Studio,第一次装置默认会装置很多依赖,这个等缓缓装置就能够了。
启动之后点击File->Settings

找到Plugins在输入框内输出Flutter点击装置

装置Flutter的时候默认会要求装置Dart

装置后重启 Andriod Studio

而后咱们把Android SDK门路配置到零碎变量外面
咱们先找到File->Other Settings->Default Project Structure..并点击

找到SDK的门路

进入到文件下找到SDK文件夹有一个platform-tools的文件夹,复制这个门路增加到零碎Path
变量名是ANDROID_HOME

这时候咱们再执行一次 flutter doctor

当初咱们只须要再执行一次 flutter doctor --android-licenses 弹出的提醒抉择y或者是间接回车即可。
而后再运行一次flutter doctor曾经没有谬误提醒了。
这样咱们的Flutter的环境就配置实现了。

装置Android 模拟器

关上Android Studio 找到右上角的AVD Manager并点击

点击Create Virtual Device... 抉择一个咱们须要须要装置的模拟器,而后点击Next

在配置页面抉择Hardware - GLES 2.0

新建Flutter我的项目并运行

点击Android Studio 外面的 File->New->New Flutter Project
新建我的项目并关上
抉择咱们刚刚装置好的模拟器,并且点击运行 就能够看到成果啦!

可能会遇到的问题

在执行 flutter doctor --android-licenses呈现以下谬误

须要咱们手动装置Android SDK Platform-Tools
关上Android Studio 点击File->Settings->Android SDK找到Android SDK Platform-Tools装置即可!