换电脑之后就没整过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