Flutter安装踩坑记录

Flutter是什么

参考内容：万字长文轻松彻底入门 Flutter，秒变大前端 - 知乎 (zhihu.com)

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

• 具有跨平台开发特性，支持IOS、Android、Web三端。
• 热重载特性大大提高了开发效率
• 自绘UI引擎和编译成原生代码的方式，使得系统的运行时的高性能成为了可能
• 使用Dart语言，目前已经支持同时编译成Web端代码，

Flutter安装

官方教程：Install | Flutter

根据官方教程一步步走就行，漏了很麻烦的

选择开发平台的操作系

本人主要是想开发移动端的app，所以这里选择移动端

硬件要求

软件要求

（Java要装，最好装个17，版本太低之后会报错）

安装编辑器

注意：visual studio community 仅限于个人使用免费，公司没有购买的话就别在公司的电脑上安装了，属于侵权，所以此处使用 Visual Studio Code （开源项目，证书MIT）。

安装 Flutter SDK之前先换个镜像，按照谷歌给的地址可能会下载失败

FLUTTER_STORAGE_BASE_URL        https://storage.flutter-io.cn

PUB_HOSTED_URL        https://pub.flutter-io.cn

之后按照这个教程一步步安装↓

中间出现了一些报错的解决方案

1、Java版本太低

我原先用的是java1.8，这里切换成17

2、安装正式版本

3、设置Android SDK路径

ANDROID_SDK_ROOT

第一次安装的时候装错了，所以自己重新设置了一下系统变量，检查一下下面两个路径是否一致就OK

以及一些不确定有没有用的系统变量：

（还是因为第一次装的时候装错了，现在也不确定这些变量有没有用了）

4、Android Studio没有New Flutter Project

原因：没安装Flutter插件

（没有自动安装，安装手册里也没写……服了）

可能还有别的原因导致这个问题：

Android Studio New里面没有New Flutter Project_android studio 没有new flutter project-CSDN博客

5、Flutter 的 Android Studio 路径有问题

第一次安装的时候手误改了一次，于是重新修改一下，使用自己的Android Studio地址

flutter config --android-studio-dir="D:\software\Android\Android Studio"

诊断一下

flutter doctor

这样就没问题了（旧图没了，解决这个bug的时候还是2021的版本，后面的bug更新到了2023）

6、同意 Android SDK 平台的许可证时出现报错

参考了以下解决方案flutter doctor --android-licenses fails with recent Android SDK tools · Issue #137022 · flutter/flutter · GitHub

执行了命令：

flutter doctor --android-licenses -vv

应该是Android Studio中的Java环境版本太低了，之前用的还是2021年的Android Studio，于是更新到2023年的版本

果然是这样，没问题了

再次诊断一下

flutter doctor

图中的红色x是因为没安装Visual Studio（因为版权问题公司的电脑装不了），会影响Windows窗口端开发，但是不影响移动端开发，因为电脑上已经安装了Visual studio code，所以去查了一下这个报错，得到以下答案↓

来自：flutter - Visual Studio not installed; this is necessary for Windows development - Stack Overflow

至此安装结束，第一次安装Flutter，有问题之后再改~