Mac上flutter的环境搭建

Mac上flutter的环境搭建,第1张

概述一、安装flutterSDK1、按照官网说明,获取flutterSDK如图下载其最新可用的安装包 https://flutter.dev/docs/get-started/install/macos#2、下载后,将安装包解压到你要安装的目录,如图,我放在了这里3、添加flutter相关工具到path打开终端输入命令行vim~/.bash_profile

一、安装Flutter SDK

1、按照官网说明,获取Flutter SDK

如图下载其最新可用的安装包 https://flutter.dev/docs/get-started/install/macos#

2、下载后,将安装包解压到你要安装的目录,如图,我放在了这里

3、添加Flutter相关工具到path

打开终端输入命令行

vim ~/.bash_profile

如上图,输入a,将打开编辑模式,增加一行

export PATH=`pwd`/Flutter/bin:$PATH

`pwd`是你Flutter的安装目录,同时将环境变量添加到文件中

export PUB_HOSTED_URL=https://pub.Flutter-io.cnexport FlutteR_STORAGE_BASE_URL=https://storage.Flutter-io.cn
输入完成,按esc,然后输入:wq退出编辑,在终端输入
source ~/.bash_profile
这个意思是让配置文件在修改后立即生效

二、检查开发环境

1、Flutter需要依赖xcode和AndroID Studio的支持,终端运行Flutter doctor 执行命令查看安装情况

Flutter doctor

 2、一般报错的话,就是xcode或者AndroID Studio过低,或者缺少AndroID SDK等,xcode版本过低或者cocoapods版本过低的情况,升级下即可,我们下面主要解决AndroID报错信息,如下图:

3、上图报错信息缺少AndroID SDK,下载AndroID Studio并安装到应用程序,在执行Flutter doctor会提示以下信息

4、打开AndroID Studio,点击右下角设置按钮,选择SDK Manager,切到SDK Tools下,勾掉底部hIDe obsolete packages选项,然后将AndroID SDK Tools(obsol)选上,点击底部apply,执行结束,点OK

5、重新回到终端执行Flutter doctor,提示以下信息

按照提示执行命令,系统会询问很多权限,输入y回车,执行结束后,重新执行Flutter doctor,你会惊喜的发现,这一项报错没有了

Flutter doctor --androID-licenses

6、执行Flutter doctor,还剩两个问题,那就是Flutter和dart插件问题

打开AndroID Studio,点击屏幕左上角的AndroID Studio,选择prefrrences...,在plugins中选择Marketplace,分别搜索Flutter和ddart插件,如果网不好的话,可能需要多搜几遍才能出来,然后点击右边的install按钮,下载插件

插件下载后,后边的install会变成revert字样,点击按钮,AndroID Studio会重启,这时,重新执行Flutter doctor,你会发现所有的报错都没了

7、创建一个Flutter应用

那么,接下来开始你的Flutter之旅吧!

总结

以上是内存溢出为你收集整理的Mac上flutter的环境搭建全部内容,希望文章能够帮你解决Mac上flutter的环境搭建所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1062837.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存