Flutter之Windows开发环境搭建

前言

RN出现时,没有去详细的学习。现在Flutter正式版出来了,好好的研究下。本文主要介绍在Windows环境下,搭建Flutter的各种坑。

开发环境

  • Windows 10
  • Android Studio 3.2.1
  • 一加 5T

下载Flutter源码

主要参照Flutter官方文档,下载Flutter源码,如下:

git clone -b beta https://github.com/flutter/flutter.git
复制代码

配置环境变量

下载成功后,为了以后方便使用,将Flutter根目录下bin路径添加到PATH环境变量中。

国内镜像设置

由于有些同学们不能科学上网的原因,我们需要设置国内镜像。根据官方文档推荐,需要添加PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL两个环境变量,具体值如下

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码

##运行Flutter安装程序

在Flutter根目录中,同学们找到flutter_console.bat。然后双击运行,就会出现Flutter控制台,然后我们执行flutter doctor,等待一段时间后,Flutter会出现安装结果。

flutter_console
AS中安装Flutter插件

安装Flutter插件后会自动安装Dart插件,然后设置Flutter和Dart二者SDK路径,如下

运行Flutter Demo

经过上面的安装步骤,想必同学们已经安装成功了。那么接下来我们就是要运行Flutter Demo了,如下

  • 在Flutter根目录的examples中有几个Flutter Demo,我们在flutter_gallery根目录中运行“flutter run”命令,就可以运行在手机中了。
  • 或者通过Android Studio打开flutter_gallery ,然后直接运行程序。

问题

Waiting for another flutter command to release the startup lock...

解决方法如下:

  • 打开任务管理器,结束所有的dart.exe
  • 如果开启了代理,关闭代理
  • 重启AS

Unable to find git in your PATH

出现这个错误,需要我们正确的设置Git环境变量。我们将git的bin路径添加到环境变量中。

总结

在Windows环境下配置Flutter还是有比较多坑的,遇到问题一个一个的解决。能够科学上网的同学尽量在Google上搜索问题的解决方法,可以解决大部分问题。

猜你喜欢

转载自juejin.im/post/5c1ba6eee51d455c557ddf42