flutter 环境配置

下面为你介绍在 Windows 系统和 macOS 系统上进行 Flutter 环境配置的步骤。

Windows 系统

1. 下载 Flutter SDK

访问 Flutter 官网，下载 Windows 版本的 Flutter SDK。下载完成后，解压到你想要安装的目录，例如 C:\src\flutter。

2. 配置环境变量

• 右键点击“此电脑”，选择“属性”。
• 点击“高级系统设置”，在弹出的窗口中选择“环境变量”。
• 在“系统变量”中找到“Path”，点击“编辑”。
• 点击“新建”，添加 Flutter SDK 的 bin 目录，例如 C:\src\flutter\bin。

3. 安装开发工具

• Visual Studio Code：访问 VS Code 官网 下载并安装。安装完成后，在扩展市场中搜索并安装 “Flutter” 和 “Dart” 扩展。
• Android Studio：访问 Android Studio 官网 下载并安装。安装过程中会自动安装 Android SDK 和相关工具。

4. 配置 Android 开发环境

• 打开 Android Studio，点击“Configure” -> “SDK Manager”。
• 确保安装了 Android SDK Platform 33 和 Android SDK Build-Tools 33.0.0。
• 配置 Android SDK 的环境变量，在“系统变量”中新建“ANDROID_HOME”，值为 Android SDK 的安装路径，例如 C:\Users\YourUsername\AppData\Local\Android\Sdk。
• 在“Path”变量中添加 %ANDROID_HOME%\platform-tools 和 %ANDROID_HOME%\tools。

5. 检查环境配置

打开命令提示符或 PowerShell，运行以下命令检查 Flutter 环境配置是否成功：

flutter doctor

        

          
        
        
        

          

          AI 代码解读
        
      
      

根据提示安装缺少的依赖项。

macOS 系统

1. 下载 Flutter SDK

访问 Flutter 官网，下载 macOS 版本的 Flutter SDK。下载完成后，解压到你想要安装的目录，例如 ~/development/flutter。

2. 配置环境变量

打开终端，编辑 ~/.zshrc 文件（如果你使用的是 Zsh）：

nano ~/.zshrc

        

          
        
        
        

          

          AI 代码解读
        
      
      

在文件末尾添加以下内容：

export PATH="$PATH:~/development/flutter/bin"

        

          
        
        
        

          

          AI 代码解读
        
      
      

保存并退出文件，然后运行以下命令使配置生效：

source ~/.zshrc

        

          
        
        
        

          

          AI 代码解读
        
      
      

3. 安装开发工具

• Visual Studio Code：访问 VS Code 官网 下载并安装。安装完成后，在扩展市场中搜索并安装 “Flutter” 和 “Dart” 扩展。
• Android Studio：访问 Android Studio 官网 下载并安装。安装过程中会自动安装 Android SDK 和相关工具。

4. 配置 Android 开发环境

• 打开 Android Studio，点击“Configure” -> “SDK Manager”。
• 确保安装了 Android SDK Platform 33 和 Android SDK Build-Tools 33.0.0。
• 配置 Android SDK 的环境变量，在 ~/.zshrc 文件中添加以下内容：

  export ANDROID_HOME=~/Library/Android/sdk
  export PATH="$PATH:$ANDROID_HOME/platform-tools"
  export PATH="$PATH:$ANDROID_HOME/tools"
  
          
  
            
          
          
          
  
            
  
            AI 代码解读
          
        
        

  保存并退出文件，然后运行以下命令使配置生效：

  source ~/.zshrc
  
          
  
            
          
          
          
  
            
  
            AI 代码解读
          
        
        

5. 检查环境配置

打开终端，运行以下命令检查 Flutter 环境配置是否成功：

flutter doctor

        

          
        
        
        

          

          AI 代码解读
        
      
      

根据提示安装缺少的依赖项。

通过以上步骤，你就可以在 Windows 或 macOS 系统上完成 Flutter 环境的配置。