windows从0搭建flutter环境——web前端转flutter

首先明确系统配置和所需软件:
win10 + git + Flutter SDK + Android Studio。无需安装java环境。

参考 Flutter中文网
官网里的流程还是比较完善,本篇博客主要解决搭建过程中可能会遇到的问题和怎么解决。

此处粘贴几个本人亲测比较详细实用的一些教程,感谢朋友们的分享。

1.关于Android Studio的安装:Android Studio详细的安装教程
2.安装Flutter SDK的教程:Flutter安装详细教程

一,运行flutter doctor 报错如下:

windows从0搭建flutter环境——web前端转flutter_第1张图片
为了解决这个报错,在网上查了两天的解决办法,都没能解决掉。

在尝试了多次无效措施之后,下面贴上本人的解决办法:

!!!写在前头

在解决问题过程中,需要运行flutter doctor命令检查是否成功,在运行命令前,请记得重启应用。
如,在cmd中运行,需重启cmd;在sdkmanager中运行,需重启sdkmanager;在vscode中运行,需重启vscode。

1.检查Flutter的环境变量

windows从0搭建flutter环境——web前端转flutter_第2张图片
windows从0搭建flutter环境——web前端转flutter_第3张图片

2.检查Android Studio中是否安装了所需的SDK

此处演示新版的Android Studio3.0版本,界面可能有些不一致。
windows从0搭建flutter环境——web前端转flutter_第4张图片
windows从0搭建flutter环境——web前端转flutter_第5张图片

2.1.确认以上图中的SDK都安装后,检查。

1.检查自己的SDK文件夹,是否存在刚才安装的几项。
windows从0搭建flutter环境——web前端转flutter_第6张图片
2.打开cmd,运行flutter doctor 命令,查看是否还存在报错。
若报错仍然存在,最重要的一步来了。这一步也是很多教程中没有提到的一点。

3.检查Android Studio环境变量
变量
ANDROID_HOME 你安装sdk的文件夹路径(示例:D:\SDK)
path %ANDROID_HOME%\platform-tools
path %ANDROID_HOME%\tools
windows从0搭建flutter环境——web前端转flutter_第7张图片
windows从0搭建flutter环境——web前端转flutter_第8张图片
以上操作完成后,重启cmd,运行flutter doctor命令,完美。
windows从0搭建flutter环境——web前端转flutter_第9张图片

你可能感兴趣的:(Flutter,windows,flutter,前端)