Flutter环境搭建和创建项目

本文提供了Flutter开发环境的详细安装步骤,包括所需系统要求、环境变量配置、SDK获取方式及常见问题解决办法,帮助开发者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Flutter中文网站
官网
《Flutter实战》电子书
地址:https://book.flutterchina.club/
Flutter-Samples
Dart语言中文网站

Widgets索引-官网
Widgets索引-中文网

安装步骤,配置过程中的错误在最后

镜像设置

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

系统要求
要安装并运行Flutter,您的开发环境必须满足以下最低要求:

  1. 操作系统: Windows 7 或更高版本 (64-bit)
  2. 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
  3. 工具: Flutter 依赖下面这些命令行工具.
    Git for Windows (Git命令行工具)
    如果已安装Git for Windows,请确保命令提示符或PowerShell中运行 git 命令,不然在后面运行flutter doctor时将出现Unable to find git in your PATH错误, 此时需要手动添加C:\Program Files\Git\bin至Path系统环境变量中。如果是32位的Windows系统,请将Program Files换成Program File (X86)
  4. PowerShell 5.0或者更高
    下载Powershell
    PowerShell5.1-win8-x64
    PowerShell5.1-win8-x86
    PowerShell5.1-win7-x64

获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,点击下载 ;
    注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包 。
  2. 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。或者git命令: git clone -b stable https://github.com/flutter/flutter.git (推荐)
  3. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。 也可配置环境变量。

设置环境变量
path路径配置,以分号结尾
D:\Program Files\flutter-1.4.4\bin

运行 flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装:

cmd下输入   flutter doctor   耐心等待~~~~~~

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示)

第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

一旦你安装了任何缺失的依赖,再次运行flutter doctor命令来验证你是否已经正确地设置了。

大致过程:
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
问题:
在这里插入图片描述要求:
1,android sdk要求和build tools要求
Flutter requires Android SDK 28 and the Android BuildTools 28.0.3
2,各个开发工具要安装flutter plugin 插件和 dart plugin 插件

安装完后可用 flutter doctor -v 查看 flutter和dart版本

升级Flutter
要更新现有版本的Flutter,请参阅升级Flutter

配置编辑器和安装插件

默认情况下,Flutter使用的Android SDK版本是基于你的 adb 工具版本。 如果您想让Flutter使用不同版本的Android SDK,则必须将该 ANDROID_HOME 环境变量设置为SDK安装目录。

要准备在Android设备上运行并测试您的Flutter应用,您需要安装Android 4.1(API level 16)或更高版本的Android设备.


Android Studio 安装

Android Studio: 为Flutter提供完整的IDE体验
安装Android Studio

    Android Studio, 3.0或更高版本.

或者,您也可以使用IntelliJ:

    IntelliJ IDEA Community, version 2017.1或更高版本.
    IntelliJ IDEA Ultimate, version 2017.1 或更高版本.

安装Flutter和Dart插件

需要安装两个插件:

    Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
    Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

要安装这些:

    启动Android Studio.
    打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
    选择 Browse repositories…, 选择 Flutter 插件并点击 install.
    重启Android Studio后插件生效.

配置过程错误
1,Flutter requires PowerShell 5.0 or newer
需要下载Powershell
PowerShell5.1-win8-x64
PowerShell5.1-win8-x86

查看Powershell版本:
启动:系统左下角-开始-点击搜索框-输入powershell-回车键
在powershell中输入 $PSVersionTable 然后回车,查看其中的PSVersion一行
或者输入 get-host
在这里插入图片描述
2,Error: The Flutter directory is not a clone of the GitHub project
通过zip解压配置的会有错误,还是建议通过git clone的方式安装Flutter
命令如下: stable是稳定分支
git clone -b stable https://github.com/flutter/flutter.git

3,powershell安装时错误,安装程序遇到错误:0x80070422。
原因:Windows Update服务被禁用了,手动启动就好
1,计算机右键-管理-服务和应用程序-服务,找到Windows Update手动启动
2,cmd 输入 services.msc 然后找到找到Windows Update手动启动
在这里插入图片描述--------------------------------------------------------------------------------------------------------------------------

创建Flutter Project

1,创建flutter project(记得安装Flutter插件)

创建新应用

    选择 File>New Flutter Project
    选择 Flutter application 作为 project 类型, 然后点击 Next
    输入项目名称 (如 myapp), 然后点击 Next
    点击 Finish
    等待Android Studio安装SDK并创建项目.

上述命令创建一个Flutter项目,项目名为myapp,其中包含一个使用Material 组件的简单演示应用程序。

在项目目录中,您应用程序的代码位于 lib/main.dart.

2,运行

错误:
1,gradle需要4.10.2
这个目录配置:android\gradle\wrapper\gradle-wrapper.properties

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.2-all.zip

下载放到:C:\Users\Administrator.gradle\wrapper\dists\gradle-4.10.2-all\9fahxiiecdb76a5g3aw9oi8rv(gradle自动生成的)
在这里插入图片描述
运行结果:
在这里插入图片描述
至此,全部结束~~~~

Flutter支持哪些设备和操作系统版本?

移动操作系统:Android Jelly Bean,v16,4.1.x或更新的版本以及iOS 8或更新版本。

移动硬件:64位iOS设备(从iPhone 5S和更新的iPhone型号开始)以及ARM Android设备。

请注意,我们目前不支持:

ARM32 iOS设备(iPhone 4,iPhone 5;问题#2089)
x86 Android设备(问题#9253)

我们支持使用Android和iOS设备(包括Android模拟器和iOS模拟器)来开发测试Flutter应用。

我们测试了各种低端到高端手机,但我们还没有官方设备兼容性保证。

我们不会在平板电脑上进行测试,因此平板电脑上的某些widget可能会出现问题。我们尚未在我们的widget中实施针对平板电脑的改动。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值