美文网首页
flutter环境配置-mac-android

flutter环境配置-mac-android

作者: crossroads | 来源:发表于2023-08-24 19:02 被阅读0次

前言

由于要配置flutter,官网的太不详细了,根据查的内容踩了不少坑。例如创建fullter项目的按钮一直不出现,flutter命令一直失败等问题。因此在这里再做一个总结,希望能帮助配置flutter的android开发人员。

1. 下载androidstudio

前往官网下载 https://developer.android.google.cn/studio并安装

2. 下载flutter

进入官网https://flutter.cn/docs/get-started/install/macos,根据mac系统选择下载,不要下错了哦。

二选一

3. 下载后解压到你自己想放置的文件夹

例如我的放在了文稿里的FlutterSdk文件夹下


flutter解压后

4. 配置path

打开终端,输入open .bash_profile添加以下三行 ,将自己的flutter文件夹存放的位置替换一下。

export PATH=/Users/cross/Documents/FlutterSdk/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

5. 配置path2

输入open .zshrc命令,将.bash_profile文件里的这三行复制进来


6. 运行配置

分别执行下面代码,将上面环境变量应用
source ~/.bash_profile
source ~/.zshrc

7. 配置android studio

打开 android studio --->SDK Manager,,将图中选择的勾选上。


8. 配置android studio的插件

安装3个插件,在preferences里找到plugins,搜索Flutter 、Dart与Android APK Support安装


1
2
3解决fullter项目的按钮一直不出现

9. 设置android studio中flutter和dart所在的位置,之后就可重启android studio


10. 运行flutter doctor看看有没有错,一般都会有问题。先输入 flutter doctor --android-licenses 命令,在随后的提示中不停输入 y 后,再次输入执行 flutter doctor 。如果还有错误输入flutter doctor -v看详细信息。

如果遇到了androidstudio 版本无法识别等错误(这个是我遇到的),原因是因为之前的老版本android studio没有彻底删除,可以根据flutter doctor -v命令的详细信息看到android studio在哪里安装,检查是否对不上目前的版本位置。


11.创建flutter项目

这里我一直以为点new flutter project后点new project,一直不对,原来不是这样的,😭。具体如下↓


1

点flutter,确认sdk无误,点next


2
3
点击create后便可成功创建flutter项目

参考网站

https://www.rstk.cn/news/78529.html?action=onClick
http://www.taodudu.cc/news/show-5536629.html?action=onClick

相关文章

网友评论

      本文标题:flutter环境配置-mac-android

      本文链接:https://www.haomeiwen.com/subject/kkxvmdtx.html