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

绝地灬酷狼 2022-03-30 05:39 99阅读 0赞

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

> 地址 **[https://flutter.io/docs/get-started/install/windows][https_flutter.io_docs_get-started_install_windows]**  
> 中文教程地址 **[https://flutterchina.club/setup-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][image.png 1]

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

1.  配置环境变量

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

**镜像环境配置**  
![image.png][image.png 2]  
![image.png][image.png 3]

**flutter 环境配置**  
![image.png][image.png 4]

1.  测试`Flutter`是否安装成功  
    ![image.png][image.png 5]
2.  在`AndroidStudio`中安装`Flutter`插件(下面截图是已经安装过了的)  
    ![image.png][image.png 6]
3.  运行 `flutter doctor`

> 看到下面的提示说明搭建好了 `AndroidStudio` 开发环境（红叉是 IDEA 的开发环境，可不用理会）

![image.png][image.png 7]

1.  创建`hello word`  
    ![image.png][image.png 8]

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

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][image.png 10]

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

还是构建很长时间，再试试添加如下办法：  
![image.png][image.png 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' }

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

## 一些小坑小洼 ##

### 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][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_www.jianshu.com_p_22675c1632dc_tdsourcetag_s_pcqq_aiomsg]
 *  [https://blog.csdn.net/hao\_m582/article/details/85683803][https_blog.csdn.net_hao_m582_article_details_85683803]

[Flutter _Win10 _ Android _]: https://blog.csdn.net/ITxiaodong/article/details/85809584
[Flutter _ ListView]: https://blog.csdn.net/ITxiaodong/article/details/85951992
[Flutter Widget]: https://blog.csdn.net/ITxiaodong/article/details/86661608
[Flutter _ Widget]: https://blog.csdn.net/ITxiaodong/article/details/86671157
[https_flutter.io_docs_get-started_install_windows]: https://flutter.io/docs/get-started/install/windows
[https_flutterchina.club_setup-windows]: https://flutterchina.club/setup-windows/
[git for win]: https://git-scm.com/download/win
[image.png]: /images/20220330/c54d9e1edf8442c89343d8e53f235158.png
[image.png 1]: /images/20220330/0ffae457d38d44aaa47352f6ec405070.png
[1240]: /images/20220330/98669a60ca1e4d92a841b05fcdc8a2b0.png
[image.png 2]: /images/20220330/8ecd4ab031e04440bf6963b38313cd0e.png
[image.png 3]: /images/20220330/3a0490d2bd5e4019aab6ad8cdbc4ae6b.png
[image.png 4]: /images/20220330/364d4d65efc84cd2be77c6bd5045a6e3.png
[image.png 5]: /images/20220330/c5f29e8d50134f97acc91e4d6c8dbf7c.png
[image.png 6]: /images/20220330/92f94a81f4e242aa9d92543645c93a46.png
[image.png 7]: /images/20220330/5d5eecd522e5431480d1a254e9b1bf83.png
[image.png 8]: /images/20220330/3a00d2a0a9b34039a7a7d3422de48a73.png
[image.png 9]: /images/20220330/1d304032f82f4665891713ec683f9fd8.png
[image.png 10]: /images/20220330/128fa8a72e71417784912eb321dc11f4.png
[image.png 11]: /images/20220330/8599e2c4417c4573a448efd425d268e5.png
[image.png 12]: /images/20220330/c77efa09458346259d48a0e52a61afc2.png
[https_github.com_flutter_flutter.git]: https://github.com/flutter/flutter.git
[https_www.jianshu.com_p_22675c1632dc_tdsourcetag_s_pcqq_aiomsg]: https://www.jianshu.com/p/22675c1632dc?tdsourcetag=s_pcqq_aiomsg
[https_blog.csdn.net_hao_m582_article_details_85683803]: https://blog.csdn.net/hao_m582/article/details/85683803