一、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>
posted @   袁苑学编程  阅读(3378)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 李飞飞的50美金比肩DeepSeek把CEO忽悠瘸了,倒霉的却是程序员
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· .NET 8.0 + Linux 香橙派,实现高效的 IoT 数据采集与控制解决方案
点击右上角即可分享
微信分享提示