最新版Flutter版本搭建Windows开发环境,我解决了5个问题

309 阅读3分钟

1.安装 Java SDK

Flutter SDK 下载地址:docs.flutter.dev/get-started…

image.png

下载完成之后,解压到任意目录下,这里我直接解压到了D盘目录

image (1).png

image (2).png

2.将 Flutter SDK 的 bin 目录添加到环境变量中

image (3).png

image (4).png

运行 flutter doctor 检测flutter开发环境是否具备

window+r调出cmd窗口运行flutter doctor 下面大[!]和[x] 都是需要解决的问题

image (5).png

问题一

image (6).png

配置环境变量FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn

image (7).png

再次运行flutter doctor 发现信号灯提示没有了

image (8).png

问题二

image (9).png

安装Android Studio

Android Studio 下载地址:developer.android.google.cn/studio?hl=z…

image (10).png

双击安装包运行起来,

建议安装到D盘

image (11).png

我是在D盘新建了android文件存放

image (12).png

启动时如果出现了如下界面,就点击 Cancel 取消:

image (13).png 选择androidsdk的安装目录

image (14).png

继续一路next 接受协议

image (15).png

静静的等待安装完毕

image (16).png

配置Android Studio

安装flutter插件和dart插件

image (17).png

image (18).png

再次运行flutter doctor 可见已经检测到Android Studio已经安装成功

image (19).png

问题三

image (20).png

进行下图操作

image (21).png

安装此SDK Component

image (22).png

又是静静等待安装完成

image (23).png

再次运行flutter doctor 这个问题已经没有了

image (24).png

问题四

image (25).png

按照提示在控制台运行flutter doctor --android-licenses

image (26).png

再次运行flutter doctor可见这个问题也解决了

image (27).png

问题五(看着似乎就是最后一个问题了,好开心)

image (28).png

安装Visual Studio

Visual Studio下载地址:visualstudio.microsoft.com/zh-hans/fre…

image (29).png

双击运行安装包,继续老套路 next

image (30).png

静静的等待安装完成

image (31).png

安装完成 再次运行flutter doctor

image (32).png

上帝啊,终于都绿了

这个github信号灯可以忽略,坑比的github得看运气,懂的都懂

3.创建第一个flutter项目

通过命令flutter create project(项目名称)创建

image (33).png

通过Android Studio创建

image (34).png

4.创建设备模拟器

image (35).png

image (36).png

静静的等待安装完成

image (37).png

然后路next 完成 就创建好了

image (38).png

单个窗口运行设备模拟器

image (39).png

image (40).png

image (41).png

运行项目到设备模拟器

image (42).png

静静的等待吧 不出意外的话 还是除了意外

image (43).png

卡住了,是不是当头一棒,哈哈

备注:下面用的代码编辑器是vsCode

这时候不要怕,问题都是能解决的哈

项目目录D:\flutterProject\helloworld\android\gradle\wrapper\gradle-wrapper.properties

image (44).png

image (45).png

项目目录D:\flutterProject\helloworld\android\build.gradle

注释

// google()

// mavenCentral()

换成

maven { url 'maven.aliyun.com/repository/…' }

maven { url 'maven.aliyun.com/repository/…' }

maven { url 'maven.aliyun.com/repository/…' }

image (46).png

Flutter SDK目录D:\flutter\packages\flutter_tools\lib\src\http_host_validator.dart

注释

// const String kMaven = 'maven.google.com/';

换成

const String kMaven = 'maven.aliyun.com/';

image (47).png

Flutter SDK目录D:\flutter\packages\flutter_tools\gradle\src\main\groovy\flutter.groovy 注释

// google()

// mavenCentral()

换成

maven { url 'maven.aliyun.com/repository/…' }

maven { url 'maven.aliyun.com/repository/…' }

maven { url 'maven.aliyun.com/repository/…' }

image (48).png

然后重新运行,时间比较长 不过不会一直卡着,需要你耐心等待

image (49).png

那有人就会说了 ,这到底是卡死了 还是在跑呢

很简单,来到这个下面C:\Users\Administrator,找到.gradle右击属性查看文件大小,记住大小,关闭再次打开查看大小,可以看到一直在增加,这就说明程序还在跑,哈哈,我是这么验证的。

image (50).png

接下来就交给时间吧

image (51).png

最后面朝大海,春暖花开

为了写这篇文章,我把我的开发环境卸载,一步一步重新安装测验遇到的问题,希望对大家有帮助

码字不易,感兴趣的留个关注吧