Flutter环境配置

一、安装并配置Android Studio

我已经写过文章：https://www.cnblogs.com/Changersh/p/19017309

二、安装插件

安装【Flutter】和【Dart】两个插件

三、配置Flutter环境

FlutterSDK 的下载与安装

根据计算机的操作系统选择对应的版本：Archive | Flutter - https://docs.flutter.dev/

下载后，解压到自己设置好的位置，作为Flutter的运行环境，比如我的环境位置

配置环境变量

将 flutter\bin 文件夹路径配置到 Path 环境变量中。


另外，由于网络原因，可能国外网站的依赖难以下载，可以顺便在系统变量中配置官方提供的国内镜像，第一个视频中也有介绍操作方式。

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

如果在命令行中执行 flutter --version，能给出结果，说明 Flutter 环境没有问题。

四、创建Flutter项目

首先【close project】

在欢迎界面会有【New Flutter Project】这样的选项，直接创建Flutter项目

跟着创建就行，里面随便选择吧

其他不用改，可以自己改个项目名和地址

五、修改环境启动

上面配置好后，创建一个Flutter项目会打开项目，连接手机运行就会报错
主要是因为Gradle环境配置，虽然在配置Android Studio的时候配置了，但这个地方还是会报错。
后面我们会解决

Running Gradle task 'assembleDebug'... 
Exception in thread "main" java.net.ConnectException: Connection timed out: connect at java.base/java.net.PlainSocketImpl.connect0(Native Method) at java.base/java.net.PlainSocketImpl.socketConnect(PlainSocketImpl.java:101) at java.base/java.net.AbstractPlainSocketImpl.doConnect(AbstractPlainSocketImpl.java:399) at java.base/java.net.AbstractPlainSocketImpl.connectToAddress(AbstractPlainSocketImpl.java:242) at java.base/java.net.AbstractPlainSocketImpl.connect(AbstractPlainSocketImpl.java:224) at java.base/java.net.SocksSocketImpl.connect(SocksSocketImpl.java:392) at java.base/java.net.Socket.connect(Socket.java:609) at java.base/sun.security.ssl.SSLSocketImpl.connect(SSLSocketImpl.java:299) at java.base/sun.security.ssl.BaseSSLSocketImpl.connect(BaseSSLSocketImpl.java:173) at java.base/sun.net.NetworkClient.doConnect(NetworkClient.java:182) at java.base/sun.net.www.http.HttpClient.openServer(HttpClient.java:474) at java.base/sun.net.www.http.HttpClient.openServer(HttpClient.java:569) at java.base/sun.net.www.protocol.https.HttpsClient.<init>(HttpsClient.java:266) at java.base/sun.net.www.protocol.https.HttpsClient.New(HttpsClient.java:373) at java.base/sun.net.www.protocol.https.AbstractDelegateHttpsURLConnection.getNewHttpClient(AbstractDelegateHttpsURLConnection.java:203) at java.base/sun.net.www.protocol.http.HttpURLConnection.plainConnect0(HttpURLConnection.java:1187) at java.base/sun.net.www.protocol.https.AbstractDelegateHttpsURLConnection.connect(AbstractDelegateHttpsURLConnection.java:189) at java.base/sun.net.www.protocol.http.HttpURLConnection.getInputStream0(HttpURLConnection.java:1592) at java.base/sun.net.www.protocol.http.HttpURLConnection.getInputStream(HttpURLConnection.java:1520) at java.base/sun.net.www.protocol.https.HttpsURLConnectionImpl.getInputStream(HttpsURLConnectionImpl.java:250) at org.gradle.wrapper.Download.downloadInternal(Download.java:58) at org.gradle.wrapper.Download.download(Download.java:44) at org.gradle.wrapper.Install$1.call(Install.java:61) at org.gradle.wrapper.Install$1.call(Install.java:48) at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAccessManager.java:65) at org.gradle.wrapper.Install.createDist(Install.java:48) at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:128) at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)

手动下载文件

根据文件【gradle-wrapper.properties】中的提示，去Gradle Distributions - https://services.gradle.org/下载对应版本的 all.zip文件
下载后，放到具体位置，配置一下

distributionUrl=file:///D:/Environments/Gradle/gradle-8.13-all.zip

配置镜像源

顺便配置一下镜像，虽然可能没啥用
【settings.gradle.kts】中加上镜像源

// 阿里云镜像（覆盖 Maven Central、Google、JCenter 等）  
maven { setUrl("https://maven.aliyun.com/repository/public/") }  
maven { setUrl("https://maven.aliyun.com/repository/google/") }  
maven { setUrl("https://maven.aliyun.com/repository/jcenter/") }  
maven { setUrl("https://maven.aliyun.com/repository/gradle-plugin/") }  
// 华为云镜像  
maven { setUrl("https://repo.huaweicloud.com/repository/maven/") }  
// 腾讯云镜像  
maven { setUrl("https://mirrors.cloud.tencent.com/nexus/repository/maven-public/") }  
// 网易镜像  
maven { setUrl("https://mirrors.163.com/maven/repository/maven-public/") }

六、真机测试

和配置Android Studio中类似，只是我发现这里不能【无线调试】，只能连接手机进行【有线调试】

原文地址：https://mp.weixin.qq.com/s/HYvjuK-NvRkEt3qdX7ci4g