【flutter】环境搭建-图文教程

环境搭建

配置前cmd命令检测:

C:\Users\92435>git
C:\Users\92435>flutter
C:\Users\92435>android

依次输入看看有没有对应的输出信息,OK,没有则按照以下配置flutter开发环境

git
  1. git下载地址
  2. 下载完成后安装到本地磁盘,打开软件依次下一步,按照默认即可
  3. 安装完完成后检测是否成功 cmd 命令 git
  4. 常用命令
flutter
  1. 下载sdk,根据自己需要下载对应的版本 下载flutterSDK地址
  2. 解压到本地磁盘中,配置环境变量 path 中添加 F:\SoftDevelop\flutter\flutter\bin
  3. cmd 输入命令 flutter -v 查看是否配置成功
  4. 设置国内镜像 环境变量 添加系统变量:
FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn
PUB_HOSTED_URL:https://pub.flutter-io.cn
AndroidStudio
  1. 下载地址下载地址
  2. 下载后安装到本地,目录一律不能有中文
  3. 打开androidStudio后,打开sdkManager设置sdk的下载目录,勾选一个sdk 版本,tools版本等
  4. 添加系统变量ANDROID_HOME:D:\android-studio\sdk
  5. path 中依次添加 %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;%ANDROID_HOME%\emulator
  6. 打开cmd 输入android 是否配置成功
flutter终极环境检测

cmd 输入 flutter doctor
在这里插入图片描述

像这样,OK,那么配置环境成功,其中 IntelliJ IDEA ,不用管他

flutter配置环境出现的一些问题
  1. cmdline-tools component missing
    在这里插入图片描述
    解决办法:打开AndroidStudio ,setting设置 找到sdkManager,勾选如下图版本并OK
    在这里插入图片描述
  2. Flutter requires Android SDK 29 and the Android BuildTools 28.0.3
    在这里插入图片描述
    解决办法:打开AndroidStudio ,setting设置 找到sdkManager,勾选一个sdk API是29以上就可以了
    在这里插入图片描述
    然后 cmd 命令输入如下图,并依次输入 y回车即可
    在这里插入图片描述
    在这里插入图片描述
    最后再一次输入 flutter doctor ok出现以下就说明flutter环境全部配置成功了
    在这里插入图片描述
AndroidStudio创建第一个flutter项目出现的一些问题
  1. Running Gradle task ‘assembleDebug’… 出现的原因是:此时正在构建Android工程,在执行build.gradle操作,需要去谷歌服务器下载东西,没有VPN的情况下,需要设置镜像,
    在这里插入图片描述
    解决办法:
    1. 打开项目中 android/build.gradle文件 找到如下图位置,并修改
        maven { url 'https://maven.aliyun.com/repository/google'}
        maven { url 'https://maven.aliyun.com/repository/jcenter'}
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public'}

在这里插入图片描述
2. 找到本地安装flutter sdk 目录 修改 flutter.gradle文件
在这里插入图片描述
然后重新启动AndroudStudio 再一次运行 ,第一次运行可能要等待五六分钟的样子

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值