Mac下 vscode 中flutter的配置

  • flutter的安装
    首先去flutter官网下载flutter,推荐下载Stable稳定版本。将下载的压缩包解压到指定目录下,然后在.bash_profile中配置路径,如果安装zsh则在.zshrc中配置,
#export PATH=$PATH:flutter安装路径/bin
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
#export PUB_HOSTED_URL=https://pub.flutter-io.cn
#export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 安装配置环境
    安装之后flutter doctor检测一下,如果Xcode / android studio 等环境都已经安装好,则通过。在Mac上Xcode 直接在App Store上下载就行了,然后再安装CocoaPods可以参考这篇文章。安装android studio的时候,询问是否设置代理,直接点击取消就行了,后面直接安装安卓的sdk等。最后安装vscode,然后安装flutter, dart,code runner等插件。这些都设置好之可能会发现在vscode终端命令行中无法识别flutter命令,但是在菜单->查看->命令面板中却可以,在Mac电脑终端同样可以识别命令,如下图所示:
    [图片上传中...(41616674983_.pic_hd.jpg-167f94-1616677775910-0)]

41616674983_.pic_hd.jpg

在命令面板和Mac终端都可以识别命令,就说我的环境配置没有任何问题,但为什么vscode命令行就不行呢,仔细查看了,命令行等报错信息 zsh: command not found:flutter ,豁然明了,敲黑板了

我的环境变量是在_bash_profile中设置的,后面由于安装了zsh插件,就在.zshrc中添加了一句source .bash_profile使_bash_profile中的配置生效,在Mac重点是完全可以的,但是在vscode中却不行,后面我将.bash_profile中的配置全部配置到.zshrc中,vscode终于识别flutter命令了,至此问题解决 。

亲测有效,如果你也同样的困惑,不妨试试。
自己搜了好些文章,遇到这个问题网上还是挺少的,如果还有问题的话可以参考这篇文章燃烧的鱼丸
,虽然我没太明白文章,不过我们遇到的问题是一样的,评论区好多人也都解决了问题。可能是window和mac环境不同的原因吧。

你可能感兴趣的:(Mac下 vscode 中flutter的配置)