一、电脑上安装配置JDK
(1)下载安装 直接下一步就行
https://www.oracle.com/java/technologies/downloads/#jdk18-windows
(2)配置环境变量
新建系统变量:
JAVA_HOME
C:\Program Files\Java\jdk-18.0.1.1(用你自己的安装路径)
(3)在系统变量找到path
添加 %JAVA_HOME%\bin;JAVA_HOME%\jre\bin
(4)在黑窗口运行 java 然后运行 javac 都能运行出来东西就证明安装配置成功了
二、电脑上下载安装 Andoid Studio
(1)下载安装
https://developer.android.google.cn/studio
直接默认下一步就行
然后第一次启动会提示 unable to access android sdk add-on list
解决方案看这位兄弟
https://blog.csdn.net/qq_35892584/article/details/109746886
我是按第二种的
三、电脑上下载安装 Flutter Sdk
(1)下载
https://docs.flutter.dev/development/tools/sdk/releases#windows
(2)把下载好的 Flutter Sdk 解压复制到你想安装sdk的目录(不要有中文、空格)
我是D:\flutter_windows\flutter
(3)配置环境变量
在系统变量找到path
添加D:\flutter_windows\flutter\bin
(4)在黑窗口运行 flutter -v
运行成功就说明Flutter Sdk配置成功
四、电脑上配置 Flutter 国内镜像
从flutter社区可以看到提供了两个镜像,我选的是第二个清华大学 TUNA 协会的
配置环境变量 新建两个系统变量
FLUTTER_STORAGE_BASE_URL: https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL: https://mirrors.tuna.tsinghua.edu.cn/dart-pub
五、在黑窗口运行 flutter doctor 命令检测环境是否配置成功
(1)我的 Andoid toolchain 是个感叹号,有两个问题,第一个看这个兄弟的解决方法https://blog.csdn.net/weixin_62145008/article/details/123937356
然后运行黑窗口提示的 flutter doctor --andoid-licenses 有提示Y/N的一律Y就完事了
(2) HTTP host https://maven.google.com/ is not reachable.解决方法看这个兄弟https://www.jianshu.com/p/e3a88a6d9008
1、找到flutter sdk的文件目录,打开flutter\packages\flutter_tools\lib\src\http_host_validator.dart
2、将https://maven.google.com/ 修改为https://dl.google.com/dl/android/maven2/
3、关闭cmd命令窗口,重新打开cmd窗口
4、去到flutter\bin目录,删除cache文件夹
5、在cmd命令窗口重新运行flutter doctor,问题解决。
六、在 Andoid Studio 安装 Flutter 插件
常见的sdk都可以安装上 我不知道哪些常见,就都安装了
此时已经可以创建 Flutter 项目了 我是在vscode里开发的,就不多说了,以下内容是在vscode
七、新建flutter项目
ctrl+shift+p 打开命令面板 输入flutter new project 新建flutter项目,application 接下来就不多说了,新建一个项目的时候根据网速需要多等一会,因为需要安装一些依赖
八、flutter虚拟机模拟调试器
这里用夜神模拟器https://www.yeshen.com/
下载安装下一步就完事了
打开软件在设置里设置分辨率 我选的手机版 720x1280 保存重启即可
真机调试可以找到设备,模拟器的话,可以看到右下角 no device,解决方式:
黑窗口cd到对应夜神模拟器bin目录,我的是D:\Program Files\Nox\bin
运行命令 nox_adb.exe connect 127.0.0.1:62001
可以看到vscode已经连到设备了
以后连的时候都是先打开夜神模拟器然后运行这个命令
十、在vscode运行flutter项目
vscode运行flutter所需插件
(1) flutter
(2) flutter widget snippets
(3) dart
flutter run 运行项目
R 热重载