重庆Flutter学习_APP开发_Android与IOS_安装Flutter环境
2024-11-21 12:45:12
如何在mac和windows搭建Flutter环境?
3192

1.安装Flutter SDK:

Flutter SDK下载地址:https://flutter.dev/docs/development/tools/sdk/releases 选择自己的操作系统和最新稳定的版本(Stable版本)。

2.环境变量配置:(学习可用windows电脑,如若开发app,请花钱,借钱,向上申请一个MacMini)

MacOS环境变量配置找到目录: ~/.bash_profile添加如下

export FLUTTER_HOME=/Applications/flutter
export PATH=$PATH:$FLUTTER_HOME/bin
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin

Window环境变量配置:

Windows环境变量修改:点击计算机图标 - 属性 - 高级系统设置 - 高级 - 环境变量找到Path,在其中添加Flutter SDK目录下bin目录以及Dart的目录

path:/flutter目录/bin(Flutter环境变量)
path:/flutter目录/bin/cache/datr-sdk/bin(Dart环境变量)

配置镜像:

flutter项目会依赖一些东西,在国内下载这些依赖会有一些慢,所以我们可以将它们的安装源换成国内的镜像。

MacOS环境依然是编辑~/.bash_profile文件

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

Windows环境变量新建两个变量

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

打包或者开发需要ios就需要配置iOS环境:需要安装Xcode。(windows电脑没有Xcode,除非黑苹果)

1.第一种方式:直接在ApStore上搜索Xcode

2.安装自己想要的Xcode的版本,需要手动去下载https://developer.apple.com/download/more

打包Andriod就需要配置下载Android Studio(mas与windows均可)

下载地址:https://developer.android.com/studio/?utm_source=android-studio,安装好以后打开Android Studio,会问我们是否要设置代理,这是因为下载Android SDK等在国内不好下载。

可以设置指定的java环境

创建Flutter项目

flutter create mflutter
cd mflutter
flutter devices//检查是否有设备,没有则需要运行Android Studio模拟器
flutter run

第一次运行会下载gradle zip包会比较慢

如果一直没有下载成功,可以将项目中的版本换为5.6.2,并且将下载地址替换https://lihuanting.com/uploadByQN/gradle-5.6.2-all.zip,如果需要其他版本,请看https://services.gradle.org/distributions/

成功之后,第一个app就运行成功了

导入Flutter项目

flutter doctor //使用flutter doctor检查项目