Flutter学习笔记二:搭建环境、创建项目与配置

Flutter支持3种环境:Windows、macOS以及Linux;

Windows开发环境搭建

Step 1: 检查开发环境

  • 操作系统要求: Windows 10或更高版本(64位),基于x86-64。
  • 硬盘空间: 2.5 GB(不包括用于IDE/工具的磁盘空间)。
  • 工具: Flutter取决于这些工具在您的环境中可用。
    • Windows PowerShell 5.0或更新版本(此版本与Windows 10一起预装)
    • Git for Windows 2.x, with the Use Git from the Windows Command Prompt option.

Step 2: 下载用于windows系统的sdk

https://docs.flutter.dev/get-started/install/windows

下载stable稳定版本并解压,例如
c:/src/flutter

Step 3: 配置环境变量

(win11)此电脑->属性->高级系统设置->环境变量->xxx的用户变量->新建

填入变量名flutter 变量值C:\src\flutter\bin

在用户变量中新建(不是path环境变量),填入变量名PUB_HOSTED_URL 变量值https://pub.flutter-io.cn, 这是临时镜像配置,不是必须的。

在用户变量中新建(不是path环境变量),填入变量名FLUTTER_STORAGE_BASE_URL 填入变量值https://storage.flutter-io.cn, 这是临时镜像配置,不是必须的,但建议配资。

Step 4: 开启诊断
打开cmdPower Shell命令行,输入flutter doctor, 第一次需要下载安装,会很慢。

flutter doctor命令式帮助诊断和解决Flutter开发环境的配置问题,以确保开发环境能够正常工作。当运行此命令时,它将执行一些列检查和测试,以确定Flutter环境设置是否正确,包括以下检查:

  1. Flutter环境检查 检查Flutter SDK是否已正确安装并配置。它会验证是否已将Flutter的可执行文件路径添加到系统的环境变量中。
    • 依赖项检查 检查并验证所需的依赖项是否已安装。包括是否已经安装GIT、Android Studio(没使用其作为IDE就不需要)、Xcode(没使用其作为IDE就不需要)、以及其他相关工具和库。
    • 设备检查 检查电脑是否连接了移动设备,后者是否设置了模拟器来进行应用程序测试。这个检查确保你可以成功运行和测试开发的Flutter应用程序。
    • Flutter插件检查 检查是否已安装Flutter和Dart插件以提供开发工具的继承支持。
    • 安卓许可证检查 如果使用Flutter开发Android应用程序。
      flutter doctor还会检查Android许可证是否已接受,因为某些Flutter功能可能需要这些许可证。
    • IOS开发工具检查
      如果您使用Flutter开发iOS应用程序,flutter doctor会检查Xcode工具的安装和配置情况。

flutter doctor会列出每个检查的结果,并根据需要提供建议和修复措施,以帮助您解决潜在的问题。它是一个非常有用的工具,可以帮助开发者确保他们的Flutter开发环境正常工作,以顺利进行应用程序开发和测试。在开始新项目或在不同计算机上设置Flutter环境时,运行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, 3.13.9, on Microsoft Windows [版本 10.0.23575.1001], locale zh-CN)
[✓] Windows Version (Installed version of Windows is version 10 or higher)
[✗] Android toolchain - develop for Android devices
    ✗ 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.

[✓] Chrome - develop for the web
[✓] Visual Studio - develop Windows apps (Visual Studio 生成工具 2019 16.11.26)
[!] Android Studio (not installed)
[✓] IntelliJ IDEA Ultimate Edition (version 2022.3)
[✓] Connected device (3 available)
[✓] Network resources

! Doctor found issues in 2 categories.

MacOS开发环境搭建

Step 1: 检查开发环境

  • 操作系统: macOS,10.14版(莫哈韦)或更高版本。
  • 磁盘空间: 2.8 GB(不包括IDE/工具的磁盘空间)。
  • 工具: Flutter使用git进行安装和升级。我们建议安装Xcode,其中包括git,但您也可以单独安装git。

Step2: 下载SDK

sudo mkdir /usr/local/flutter
sudo git clone https://github.com/flutter/flutter.git /usr/local/flutter

Step3: 配置环境变量
vim ~/.zshrc 添加

export PATH="$PATH:/usr/local/flutter/bin"

应用环境变量

source ~/.zshrc

Step4: 检查

flutter doctor

创建项目

mkdir ~/projects/my_flutter_app
cd ~/projects/my_flutter_app
flutter create --platforms=Windows, macOS, Linux .
flutter run

发表回复

您的电子邮箱地址不会被公开。