做家簇图像网站,深圳网站建设 外包合作,seochinaz查询,网站建设的技术路线Flutter windows 环境配置
从零开始#xff0c;演示flutter环境配置到启动项目#xff0c;同时支持 vscode 和 android studio 目录 Flutter windows 环境配置一、环境配置1. Flutter SDK2. Android Studio3. JDK4. 拓展安装5. Visual Studio 2022二、项目创建和启动1. vsco…Flutter windows 环境配置
从零开始演示flutter环境配置到启动项目同时支持 vscode 和 android studio 目录 Flutter windows 环境配置一、环境配置1. Flutter SDK2. Android Studio3. JDK4. 拓展安装5. Visual Studio 2022二、项目创建和启动1. vscode2. Android Studio 一、环境配置
1. Flutter SDK
Flutter Windows SDK 下载地址
1将解压后的bin目录放入系统环境变量的Path中
Tips : 放在系统变量中时需要管理员CMD才能使用命令可以选择放在用户变量中
解压目录\flutter\bin
解压目录\flutter\bin\cache\dart-sdk\bin2新建系统变量配置源
PUB_HOSTED_URLhttps://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URLhttps://storage.flutter-io.cn# 清华源如果官方的临时源速度慢可以用这个速度快
PUB_HOSTED_URLhttps://mirrors.tuna.tsinghua.edu.cn/dart-pub
FLUTTER_STORAGE_BASE_URLhttps://mirrors.tuna.tsinghua.edu.cn/flutter3检测配置
# 测试是否配置完成 管理员CMD
flutter --version
dart --version# 可以检测系统缺少什么 chrome可以用edge替代visual studio 自行安装
flutter doctor2. Android Studio
Android Studio下载地址
1打开软件后会提示Android SDK未安装取消掉一直默认next即可。
2正式进入软件界面后在 Project 界面中点击 More Actions 选择SDK Manager 3在弹出的页面中选择Android SDK Command-line Tools (latest) , 再点击ok即可安装。 4android-licenses
# CMD输入命令 一直Y
flutter doctor --android-licenses5最后可以在Android Studio 中的 More Actions中选择合适的安卓模拟器进行安装默认会带一个模拟器。 3. JDK
JDK 下载地址
正常安装我安装的是21版本一直next即可
# 新建环境变量
JAVA_HOME安装目录
CLASSPATH.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib;# 环境变量Path
%JAVA_HOME%\bin4. 拓展安装
需要安装 dart flutter
1vscode - 插件市场上安装 2Android Studio - Plugins中安装 5. Visual Studio 2022
选择C桌面开发后右侧列表中检查是否勾选了Windows SDK需要勾选再点击安装即可。 二、项目创建和启动
1. vscode
1ctrlshiftp 搜索 Flutter 选择 Flutter:New Project 2选择Application点击后需要选择项目目录并输入名称 3创建项目完成 4右下角Select Device可选择启动设备 3选择启动的平台下面是Android Studio默认的模拟器 4启动项目
首次启动会下载相关包需要github的网络如果等了很久可以切换清华源
# 可能会卡在这里很久需要注意是否能访问github
Flutter assets will be downloaded from https://mirrors.tuna.tsinghua.edu.cn/flutter. Make sure you trust this source!
Launching lib\main.dart on sdk gphone64 x86 64 in debug mode...
Flutter assets will be downloaded from https://mirrors.tuna.tsinghua.edu.cn/flutter. Make sure you trust this source!
Running Gradle task assembleDebug... 启动方式有两种
① 控制台输入 flutter run ② 使用vscode的运行与调试点击运行 2. Android Studio
1安装完拓展后会显示新的选项选择New Flutter Project 2选择flutter后这边可以选择项目的初始化设置不需要的可以取消取消后不会生成对应目录。 3先选择模拟器后再启动项目 4启动后模拟器不会自动弹出需要点击右下角的 “Running Devices”
