mac下创建第一个flutter项目以及遇到的问题

2022-09-26 16:42:45 浏览数 (1)

换电脑之后就没整过flutter环境,这周正好得空,就把flutter先搭起来,下面记录过程以及遇到的问题, 解决办法。

首先下载Android Studio

点击跳转

汉化教程:

1.点击下方链接进入IntelliJ Platform插件页面

https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack----

2.点击 DownLoad

3.打开刚刚下载的zip,解压

4.打开Android Studio设置界面,然后按下图操作

5.找到刚刚解压的jar文件,点击OK (如果提示版本不兼容则下载兼容版本)

6.然后restart开发工具 汉化可参考: https://zhuanlan.zhihu.com/p/374517847


第一步:下载flutter sdk

直达链接: https://docs.flutter.dev/development/tools/sdk/releases?tab=macos#macos

flutter sdk下载完成后,就是找一个安装目录解压压缩包,建议在mac的终端下完成操作。 比如,我把flutter sdk安装在了/Users/lvsige/flutter_mac 目录中,那么我先进入该目录下

代码语言:javascript复制
cd  /Users/lvsige/flutter_mac 

然后把flutter sdk解压到当前文件夹下

代码语言:javascript复制
unzip /Users/lvsige/Downloads/flutter_macos_1.20.2-stable.zip 

此时,flutter sdk就安装好了

第二步,配置环境变量

在终端下输入 vim ~/.bash_profile,打开.bash_profile文件

代码语言:javascript复制
 vim ~/.bash_profile

再该文件里输入如下三行命令,输入i,进入编辑模式,然后输入一下三行命令,然后按esc退出编辑模式,然后输入:wq,保存退出。

代码语言:javascript复制
export PATH=/Users/lvsige/flutter_mac/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

下面解释一下这三行命令的作用: 第一行命令是配置flutter的全局路径,这样可以让在任何文件路径下使用flutter命令。 第二行命令配置pub镜像地址;这里不知道pub是什么的暂时不用管,这里一起配置上,后面会提到。 第三行命令配置flutter镜像地址;

PS:这些镜像的配置主要是因为后续flutter需要从网络上下载一些插件,如果不配置镜像,很有可能下载失败。 另外就是要提的是,这些镜像地址并不是一直稳定的,需要长期稳定的镜像地址可以自行在Flutter社区上查看,及时更换最新的地址。 还有就是:上面第一行中的目录/Users/cjl/Documents/flutter_mac/flutter/是我安装flutter sdk的目录,这里需要替换成你自己的flutter sdk存放路径。例如:/Users/fengshun/workFeng/Flutter。

配置完成后,终端输入source ~/.bash_profile 使之生效,之后在哪里使用flutter命令都会有用。

代码语言:javascript复制
source ~/.bash_profile
1

这里还有一个BUG需要说明,当我配置完flutter的开发环境之后,退出终端,下一次进入终端再使用flutter命令后,终端报错,显示zsh: command not found: flutter。显示找不到flutter命令,似乎之前的配置都失效了!! 其实并不是这样的,经过查找资料,发觉是从 macOS Catalina 版开始,您的 Mac 将使用 zsh 作为默认登录 Shell 和交互式 Shell。您还可以在较低版本的 macOS 中将 zsh 设置为默认 Shell。

zsh: command not found: flutter 解决办法

1 、执行:【open ~/.zshrc 】

代码语言:javascript复制
open ~/.zshrc 

2 、如果 提示文件不存在,则执行:【vim ~/.zshrc 】新建一个新文件。

代码语言:javascript复制
vim ~/.zshrc 

3 、再执行【open ~/.bash_profile 】

代码语言:javascript复制
open ~/.bash_profile

4 、把 bash_profile 中的内容copy到 zshrc 文件中,保存:【:wq回车】。

5 、再使用source命令重新加载一下:【source ~/.zshrc】,下次再编辑这个文件就可以直接执行:【open ~/.zshrc】

代码语言:javascript复制
source ~/.zshrc

6 、运行【flutter -h 】看生效没有

代码语言:javascript复制
flutter -h

还有一种就是从刚开始的时候就直接在 .zshrc 中配置环境变量


至此,我们在终端输入flutter --version,如果显示flutter的版本信息,则表明flutter安装成功

代码语言:javascript复制
flutter --version

输入dart --version,表示dart sdk也安装成功

代码语言:javascript复制
dart --version

显示信息如下:

到此 需要执行 flutter doctor 查看是否成功

代码语言:javascript复制
flutter doctor

这是我第一次执行flutter doctor报的错, 需要一个一个解决。 这个解决的报错的办法在文章最后

把报错解决成下面这样就行了。 如图

创建第一个flutter项目

项目名只能用小写

代码语言:javascript复制
flutter create myflutter 

正常情况下是可以运行成功的 , 如图 可参考文章: https://blog.csdn.net/Super_CJL/article/details/113529205


failed to find Build Tools revision 29.0.2

当运行Flutter 项目 运行在andorid 设备上时候 ,出现 failed to find Build Tools revision 29.0.2 错误

其实也就是我们android studio SDK 缺少 29.0.2 版本

然后从新运行 Flutter run 发现不再报错,问题成功解决


cmdline-tools component is missing

cmdline-tools component is missing Run path/to/sdkmanager --install "cmdline-tools;latest"

环境变量都是正确的,百度搜的说SDK路径没配置对,我设置了也没用,还是报错。 解决办法,直接下载个就好了:


Android license status unknown

参考文章: https://zhuanlan.zhihu.com/p/115753641

0 人点赞