flutter开发环境搭建

之前有了开始尝试独立开发的想法,和后续的的一些计划。flutter的跨平台开发框架得学习一下,首先把开发环境给搭起来。以下是记录了搭建环境的步骤

前置条件

  • 电脑一台,最好是mac(ios端开发也只能用mac),这里记录的也是mac系统下的环境搭建
  • 有较好的外网忘了发访问环境,虽然这些工具没被墙,但是普通网络下载也是有点慢的

搭建步骤

  1. 下载Flutter SDK

访问 Flutter 官方网站,从“Get Started”页面下载Flutter SDK。或者,您也可以使用命令行下载,使用以下命令从 Flutter GitHub 存储库下载最新的稳定版本:

1
git clone https://github.com/flutter/flutter.git -b stable
  1. 配置环境变量

将Flutter SDK的路径添加到您的环境变量中。打开终端并编辑 ~/.bash_profile 文件(或 ~/.zshrc,如果您使用的是 Zsh shell),添加如下内容:

1
export PATH="$PATH:`pwd`/flutter/bin"
  • 运行以下命令使更改生效:
1
source ~/.bash_profile

或者

1
source ~/.zshrc

执行以下命令查看flutter版本,验证环境变量是否生效

1
2
3
4
5
➜  ~ flutter --version
Flutter 3.13.9 • channel stable • https://github.com/flutter/flutter.git
Framework • revision d211f42860 (8 周前) • 2023-10-25 13:42:25 -0700
Engine • revision 0545f8705d
Tools • Dart 3.1.5 • DevTools 2.25.0
  1. 安装依赖项

-Flutter提供了一个命令来检查环境,以确保一切设置正确。在终端中运行以下命令:

1
flutter doctor

flutter doctor 命令会检查您的开发环境,并提示您安装或配置任何缺失的依赖项。提示的检测想有打x的就需要安装

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
➜  ~ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.13.9, on macOS 13.6.2 22G320 darwin-arm64, locale
    zh-Hans-CN)
[!] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    ! Some Android licenses not accepted. To resolve this, run: flutter doctor
      --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 15.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.3)
[✓] VS Code (version 1.85.0)
[✓] Connected device (3 available)
[✓] Network resources

如果上面检测发现安卓和ios的开发工具都没装,则需要继续安装

  1. 安装Android Studio
  • Flutter开发需要Android Studio来构建和运行Android应用程序。您可以从 Android Studio 官方网站 下载并安装它。

  • 安装完Android Studio后,在其设置中安装Flutter和Dart插件。

  1. 安装Xcode

如果您计划开发iOS应用程序,您需要安装Xcode,并根据需要安装iOS模拟器。

完成以上步骤后,Mac就配置好了Flutter开发环境。接下来可以创建新的Flutter项目,并使用Flutter命令行或集成开发环境(如Android Studio)来构建、运行和调试应用程序。


微信公众号