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

一、下载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.***', 'User') 
[System.Environment]::SetEnvironmentVariable('FLUTTER_STORAGE_BASE_URL', 'https://storage.flutter-io.***', 
'User')
Write-Host ". $PROFILE"
  1. 下载网址:开发 Android 应用 | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter(请根据自己的设备进行选择)

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

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

  4. 开启新的poweShell窗口执行flutter doctor,有报错不要慌,接下来一个个解决

二、下载dart SDK

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

三、下载Android Studio

  1. 网址:下载 Android Studio 和应用工具 - Android 开发者 | Android Developers往下滑找到下载界面

  2. 运行exe文件,可以选择自定义安装路径然后一路finish就可以了

这里可以自定义安装Android Studio的安装路径

这里会报错说没有Android SDK,此时选择cancel即可,后续会安装

这里选择自定义安装:

这里自行选择安装Android SDK的路径

选择A***ept接收即可,然后next

这里安装时间会比较长,请耐心等待

四、安装相关插件

  1. 会弹出一个窗口,选择Dnot send即可

  2. 下载flutter插件

  3. 下载dart插件

  4. 然后进行重启

  5. 点击More ActionSDK manage,安装下面选项,尤其是红色框框标出部分(其他应该默认安装了)

  6. 点击apply进行安装

  7. 接着打开powerShell或者cmd进行flutter doctor检测,结果如下,现在处理感叹号部分的内容(红色的Visual Studio 是说明没有这个编辑器,不用担心,如果Chrome和Intellij也标红就说明你电脑上没有这个编辑器而已)

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

五、启动项目

  1. 点击New Flutter Project

  2. 点击Flutter然后选择你之前的SDK path

  3. 起名字+选择路径(建议不要放在c盘系统盘)

  4. 接着进行虚拟设备投屏

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

转载请说明出处内容投诉
CSS教程网 » 2025最新Flutter项目环境创建手把手详细教程(Android Studio为例)

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买