一、Flutter环境配置及下载安装
Flutter环境配置及下载安装
一、下载Dit及安装
- Flutter 依赖 Git 命令行工具
- 如果已安装 Git for Windows,请确保命令提示符或 PowerShell 中可运行 git 命令
- 官网下载
- 安装-双击-下一步-完成
命令验证:git --version 查看版本号
二、下载VScode及安装
- 首先安装 VS Code 编辑器。
- 官网下载
- 安装-双击-下一步-完成
- VScode安装flutter插件
三、配置网络环境
- 注意:在进行后续内容安装之前,请先确保网络环境(需要FQ)。否则,后续的安装任务无法完成。
- 由于在国内访问 Flutter 有时可能会受到限制,Flutter 官方为中国开发者搭建了临时镜像,大家可以将下面的资源地址加入到环境变量中:
PUB_HOSTED_URL
https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL
https://storage.flutter-io.cn
四、下载JDK8及安装
- JDK(Java Development Kit)是 Java 开发套件的简称。既然要做原生应用,而且是基于 Android 的,所以,需要安装 JDK
下载地址:https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html
- 下载时,提示需要登陆,我们可以先注册 Oracle 账户,登陆后再下载
账号:11.......... Y..........+.
- 安装-双击-下一步-完成
命令验证:java -version 查看版本号
五、下载Android Studio安装
- Android Studio (简称 AS)是安卓开发的编辑器和运行环境。使用之前,先下载。
下载地址:https://developer.android.com/studio/index.html
- 安装-双击-下一步-完成
- 安装flutter插件
- 安装AndroidSDK
- 安装模拟器
六、下载Flutter SDK及配置
- 官网下载-解压到指定文件目录
- 添加环境变量Path中
D:\flutter\bin
D:\flutter\bin\cache\dart-sdk\bin
D:\flutter\.pub-cache\bin
- dart命令
上述路径下包含以下常用命令(在环境变量中添加上述路径后,你就可以在命令行中使用下列命
令)
dart 用来运行 Dart 程序
dart2js 将 Dart 代码,转成 JavaScript 代码
dart2native 将 Dart 代码提前编译(AOT)为原生 X64 机器码。支持 Windows, macOS 和 Linux
dartdoc 为 Dart 程序生成文档
dartfmt 格式化 Dart 程序
pub 使用 Dart 生态(相当于 JavaScript 中的 npm 命令)
- pub 是管理 Dart 包的工具(相当于 JavaScript 中的 npm),负责管理维护 Dart 生态。
七、检测flutter
命令:flutter doctor
-
在命令行中,运行 flutter doctor ,可以检测 flutter 所需的环境条件是否都满足。一般来说,会有一些
问题。
C:\Users\Admins>flutter doctor
Building flutter tool...
Running pub upgrade...
Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.10.5, on Microsoft Windows [Version 10.0.22000.613], locale zh-CN)
// 第一个问题:-------------------------------------------
// SDK路径问题,添加环境变量
[X] Android toolchain - develop for Android devices
X Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, please use
`flutter config --android-sdk` to update to that location.
// 1. 其实就是添加环境变量ANDROID_HOME,把你SDK的位置填上,重启电脑即可。
// 2. 问题发生改变,如下:
[!] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
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.
X Android license status unknown.
Run `flutter doctor --android-licenses` to accept the SDK licenses.
See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.
// 1. 安装SDK 打开Android Studio软件,Tools> SDK Manager
// 2. Android SDK > SDK Tools> 然后勾选Android SDK Command-line Tools(latest)并下载安装。
// 3. 问题发生改变,如下:
[!] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
// 1. 控制台运行flutter doctor --android-licenses然后一路-点y-到结束
// 第二个问题:-------------------------------------------
// 1.缺少开发环境
[√] Chrome - develop for the web
[X] Visual Studio - develop for Windows
X Visual Studio not installed; this is necessary for Windows development.
Download at https://visualstudio.microsoft.com/downloads/.
Please install the "Desktop development with C++" workload, including all of its default components
// 2.访问:https://visualstudio.microsoft.com/downloads/
// 3.安装 Visual Studio 企业版--桌面开发与c++
// 第三个问题:-------------------------------------------
[√] Android Studio (version 2021.1)
[√] Connected device (3 available)
[!] HTTP Host Availability
X HTTP host https://maven.google.com/ is not reachable. Reason: An error occurred while checking the HTTP host:
信号灯超时时间已到
// 1.打开安装目录:flutter/packages/flutter_tools/lib/src/http_host_validator.dart
// 2.用编辑器打开修改网络地址:
修改https://maven.google.com/为 google maven 的国内镜像,
如https://maven.aliyun.com/repository/google/
// 3.删除/flutter/bin/cache 文件夹
// 4.重新执行flutter doctor
// 以下全部配置成功 都是 ✓
PS C:\Users\Admins\Desktop> flutter doctor
Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.10.5, on Microsoft Windows [Version 10.0.22000.613], locale zh-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
[✓] Chrome - develop for the web
[✓] Visual Studio - develop for Windows (Visual Studio Enterprise 2022 17.1.6)
[✓] Android Studio (version 2021.1)
[✓] Connected device (4 available)
[✓] HTTP Host Availability
• No issues found!
PS C:\Users\Admins\Desktop>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 李飞飞的50美金比肩DeepSeek把CEO忽悠瘸了,倒霉的却是程序员
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· .NET 8.0 + Linux 香橙派,实现高效的 IoT 数据采集与控制解决方案