> 技术文档 > 2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter


一、下载FlutterSDK

  1. 配置一下镜像站
# cd to flutter dir $currentDirectory = Get-Location$newPath = \"$currentDirectory\\bin;$env:PATH\" [System.Environment]::SetEnvironmentVariable(\'Path\', $newPath, \'User\') [System.Environment]::SetEnvironmentVariable(\'PUB_HOSTED_URL\', \'https://pub.flutter-io.cn\', \'User\') [System.Environment]::SetEnvironmentVariable(\'FLUTTER_STORAGE_BASE_URL\', \'https://storage.flutter-io.cn\', \'User\')Write-Host \". $PROFILE\"

2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  1. 下载网址:开发 Android 应用 | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter(请根据自己的设备进行选择)
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  2. 创建一个文件夹,用于安装 Flutter

  3. 将文件夹的根路径添加到环境变量,例如:C:\\Users\\16244\\flutter\\flutter\\bin其中的C:\\Users\\16244\\flutter为第一步自定义的文件夹路径

  4. 开启新的poweShell窗口执行flutter doctor,有报错不要慌,接下来一个个解决
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

二、下载dart SDK

  1. 如果下载了Flutter那么就不需要下载dart的SDK,已经捆绑下载了

三、下载Android Studio

  1. 网址:下载 Android Studio 和应用工具 - Android 开发者 | Android Developers往下滑找到下载界面
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  2. 运行exe文件,可以选择自定义安装路径然后一路finish就可以了
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

这里可以自定义安装Android Studio的安装路径
2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

这里会报错说没有Android SDK,此时选择cancel即可,后续会安装
2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

这里选择自定义安装:
2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

这里自行选择安装Android SDK的路径
2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

选择Accept接收即可,然后next
2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

这里安装时间会比较长,请耐心等待
2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

四、安装相关插件

  1. 会弹出一个窗口,选择Dnot send即可
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  2. 下载flutter插件
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  3. 下载dart插件
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  4. 然后进行重启
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  5. 点击More ActionSDK manage,安装下面选项,尤其是红色框框标出部分(其他应该默认安装了)
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  6. 点击apply进行安装
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  7. 接着打开powerShell或者cmd进行flutter doctor检测,结果如下,现在处理感叹号部分的内容(红色的Visual Studio 是说明没有这个编辑器,不用担心,如果Chrome和Intellij也标红就说明你电脑上没有这个编辑器而已)
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  8. 接着输入:flutter doctor --android-licenses,一路按y就可以了,再次运行flutter doctor感叹号就消失了

五、启动项目

  1. 点击New Flutter Project
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  2. 点击Flutter然后选择你之前的SDK path
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  3. 起名字+选择路径(建议不要放在c盘系统盘)
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  4. 接着进行虚拟设备投屏
    2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter

  5. 然后选择设备(如果是真机请打开开发者模式,每个手机的打开方式不同,自行搜索即可)进行启动即可(第一次要下载依赖会慢,请耐心等待)

  6. 2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)_android studio创建flutter