Flutter项目运行总结
成功搭建起一个fultter项目,中间遇到很多坑和问题切换了很多次版本,再次记录一下!
1.获取Flutter sdk
.zip文件, 放置在全英文无空格路径下面(D:\dev\flutter)配置path 环境变量 确保cmd 可以识别到flutter 指令
![0](https://img2023.cnblogs.com/blog/1546651/202309/1546651-20230921160911748-1634124720.png)
2.更新 path 环境变量
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
注意:这两个环境变量一定要加,否则可能导致后面 flutter doctor 命令连接不上服务
后面安装项目的pub时,可能还需要配置指定一个 PUB_CACHE (类似于依赖缓存地址)
下载 Git for Windows 请确保命令提示符或PowerShell中运行 git 命令,不然在后面运行flutter doctor时将出现Unable to find git in your PATH错误, 此时需要手动添加C:\Program Files\Git\bin至Path系统环境变量中。
3.运行 flutter doctor
发现需要安装检测一堆东西 都需要安装 属于环境
flutter
windows
chrome
Android toolchain -- Android SDK 在安装Android Studio时会提示你同步安装下来
Android Studio(主要用于搭建安卓环境,生成安卓模拟器之类的)
Visual Studio(桌面好像需要这个环节)
4. 安装Android Studio >Android SDK
android studio 下载地址:https://developer.android.google.cn/studio
下载后安装,处理选择安装环境,其它next即可
![0](https://img2023.cnblogs.com/blog/1546651/202309/1546651-20230921160911784-358206235.png)
第一次安装,报错,点取消,后会引导你安装android sdk
![0](https://img2023.cnblogs.com/blog/1546651/202309/1546651-20230921160911794-1448251657.png)
安装android sdk 并设置安装位置,之后耐心等待安装即可
sdk 安装完成之后进行环境变量配置
ANDROID_HOME = Android sdk 安装的位置添加完成之后
输入 flutter docotr进行检测
如果新终端显示 Android sdk 处还是红叉,就重启电脑再进行 flutter docotr进行检测
5.配置安卓模拟器
Android Studio >Android SDK 都安装好了之后,就可以进入Android Studio,配置安卓模拟器
6.用VScode 调试
下载flutter插件,同步会把dart插件一起安装在vscode里面
打开模拟器的位置:vscode右下角 dart啥的地方,点击选择的模拟器(实际是运行的Android Studio里面你配置的那个模拟器 )
项目打开:进入 pubspec.yaml 文件 ,该文件类似于packge.json文件是一个依赖包目录,vscode编辑器右上角有一个下载按钮,点击下载 就会将这个项目需要的缓存依赖文件下载下来(如果配置了pub_acche 就会到那边 如果没有就会默认在c盘的某个位置)。
运行项目:下载完成之后 进入main.dart 文件 (启动入口文件),点击vscode 的左上工具栏,点击调试,开始运行调试 (调试前请先启动选择一个安卓模拟器)
中间遇到的问题有
1.一定要注意命名和路径里面 都不要有中文!
2.flutter 和项目的 build.gradle文件里面 google() mavenCentral() 由于网络原因无法访问到,需要修改为国内阿里镜像
maven { url 'https://maven.aliyun.com/repository/google' //google() allowInsecureProtocol = true } maven { url 'https://maven.aliyun.com/repository/jcenter' //jcenter() allowInsecureProtocol = true } maven { url 'https://maven.aliyun.com/nexus/content/groups/public' //mavenCentral() allowInsecureProtocol = true }
好像不同版本flutter 修改的位置有细微差别 ,自己去测试改一下...
3. 运行项目时 C盘请预留足够的空间 ,不然他可能运行突然自行断开且找不到任何提示报错...
4.java.lang.UnsupportedClassVersionError: has been compiled by a more recent version of the Java Runtime \
这个是可能编辑sdk manager 的jdk 和系统 jdk版本对应不上,需要适当调整一个合适的JDK版本。
对于出现java.lang.UnsupportedClassVersionError错误的原因,大都是因为我们编译java.class文件的 JDK 和我们运行java.class文件的 JDK 的版本不同而产生的。不同的 JDK 版本之间,特别是高版本 JDK 编译的java.class文件在低版本的 JDK 上运行,更容易造成低版本的 JDK 无法识别的问题,从而报出此错误。
此外,在 Maven 项目中,也有可能出现java.lang.UnsupportedClassVersionError的错误,同样是因为版本不同而产生无法识别的错误。不过,在 Maven 项目中造成这样错误的原因可能是不同的 Maven 版本与不同的 java JDK 的版本之间产生的原因,例如,maven 3.3.1+的版本只能运行在java JDK 1.7+的版本上。
5. X Android license status unknown.
Run flutter doctor --android-licenses to accept the SDK licenses.
打开studio–选择sdk manager – sdk tools – 底部取消勾选 – 再勾选2个sdk tools – 点击ok
6. X cmdline-tools component is missing
Run path/to/sdkmanager --install "cmdline-tools;latest"
See https://developer.android.com/studio/command-line for more details.
7.不同版本的Android Studio ,Android SDK在setting的位置可能不一定在 system里面 ,其他模块找一下也能找到
8.VDK Manager 就是 Virtual / Device Manager (网上教程都简写...初学者哪知道这个简写是什么...)
参考地址