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.cn', 'User') 
[System.Environment]::SetEnvironmentVariable('FLUTTER_STORAGE_BASE_URL', 'https://storage.flutter-io.cn', 
'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的路径
在这里插入图片描述

在这里插入图片描述

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

  6. 在这里插入图片描述

本文章已经生成可运行项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值