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,安装完成之后需要 配置环境变量。
    Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第1张图片

  2. 获取 Flutter SDK,推荐使用 git clone 的方式
    如我想将安装目录放在C:\Users\Aller下,那么我们可以直接进入该目录下 按下鼠标右键 选中Git Bash Here,再命令窗口中输入git clone https://github.com/flutter/flutter.git 回车即可
    Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第2张图片

ps: 安装目录需要注意一下下面截图的要求。
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第3张图片

  1. 配置环境变量

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

镜像环境配置
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第4张图片
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第5张图片

flutter 环境配置
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第6张图片

  1. 测试Flutter是否安装成功
    Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第7张图片

  2. AndroidStudio中安装Flutter插件(下面截图是已经安装过了的)
    Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第8张图片

  3. 运行 flutter doctor

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

Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第9张图片

  1. 创建hello word
    Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第10张图片

按这个步骤创建成功之后,点击运行可能会运行很行,提示initializing gradle...,解决办法如下:
在 C:\Users\Aller\flutter\packages\flutter_tools\gradle 路径下的文件flutter.gradle做如下修改
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第11张图片

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' }

可能还是没作用,这时候再试试
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第12张图片

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

还是构建很长时间,再试试添加如下办法:
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第13张图片

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' }

经过以上一顿折腾我是能够运行成功了,希望你们也好运,
Flutter 环境搭建以及填坑指南(Win10 系统且已有 Android 开发环境 )_第14张图片

一些小坑小洼

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 窗口执行

一些前人的填坑过程

  • https://www.jianshu.com/p/22675c1632dc?tdsourcetag=s_pcqq_aiomsg

  • https://blog.csdn.net/hao_m582/article/details/85683803

你可能感兴趣的:(Flutter,Flutter,学习笔记)