Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )

相关文章
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )
Flutter 入门实现 ListView 列表页面以及收藏页面
Flutter Widget 静态布局实战
Flutter 容器类 Widget

地址 https://flutter.io/docs/get-started/install/windows
中文教程地址 https://flutterchina.club/setup-windows/

  1. 需要下载 git ,下载地址 git for win,安装完成之后需要 配置环境变量。
    image.png

  2. 获取 Flutter SDK,推荐使用 git clone 的方式
    如我想将安装目录放在C:\Users\Aller下,那么我们可以直接进入该目录下 按下鼠标右键 选中Git Bash Here,再命令窗口中输入git clone https://github.com/flutter/flutter.git 回车即可
    image.png

ps: 安装目录需要注意一下下面截图的要求。
注意事项

  1. 配置环境变量

国内有时候访问不了所以需要配置镜像,镜像可能会变,请参考顶部的文档获取最新的镜像。

镜像环境配置
image.png
image.png

flutter 环境配置
image.png

  1. 测试Flutter是否安装成功
    image.png

  2. AndroidStudio中安装Flutter插件(下面截图是已经安装过了的)
    image.png

  3. 运行 flutter doctor

看到下面的提示说明搭建好了 AndroidStudio 开发环境(红叉是 IDEA 的开发环境,可不用理会)

image.png

  1. 创建hello word
    image.png

按这个步骤创建成功之后,点击运行可能会运行很行,提示initializing gradle...,解决办法如下:
在 C:\Users\Aller\flutter\packages\flutter_tools\gradle 路径下的文件flutter.gradle做如下修改
image.png

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

可能还是没作用,这时候再试试
image.png

distributionUrl=https://services.gradle.org/distributions/gradle-4.6-all.zip

还是构建很长时间,再试试添加如下办法:
image.png

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

经过以上一顿折腾我是能够运行成功了,希望你们也好运,
image.png

一些小坑小洼

flutter 不是内部命令

环境变量配置问题:用户环境和系统环境都配置

unable find git in you path

配置 git 环境变量(切记没有分号)

1. C:\Program Files (x86)\Git\bin
2. C:\Program Files (x86)\Git\mingw64\libexec\git-core

在 git bash 执行 flutter --version 报这个错

The Flutter directory is not a clone of the GitHub project.
The flutter tool requires Git in order to operate properly;
git clone -b beta https://github.com/flutter/flutter.git
解决办法有两种:

1. git init(直接在 flutter 目录下执行即可)
2. 重新下载 flutter: git clone https://github.com/flutter/flutter.git

在 git bash 执行 flutter doctor 报错(flutter --version 也是报这个错)

Unknown operating system. Cannot install Dart SDK.

解决办法:
使用 cmd 窗口去执行,别用 git 窗口执行

一些前人的填坑过程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_龙衣

赏杯快乐水喝喝

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值