flutter mac系统安装flutter

参考
参考
参考

mac 搭建 Flutter 开发环境
发布于2021-05-14 16:00:57阅读 1830
最近由于业务需要,开始进行 Flutter 的研究,由于 Flutter 的环境搭建在官网上有些细节不是很清楚,笔者重新整理输出

1. 配置镜像

由于在国内访问 Flutter 有时可能会受到限制,Flutter 官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

vim ~/.bash_profile
输入 i 进入编辑模式,复制粘贴添加下面的环境变量
# flutter 镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制
按 esc 进入命令模式,输入 :wq 退出保存
执行 source ~/.bash_profile 使配置生效
2. 下载 Flutter SDK

下载稳定的 1.22.6版本到本地:Flutter SDK 2.0.5 https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_2.0.5-stable.zip

3. 配置 Flutter SDK 环境

下载完之后解压,然后将 flutter sdk 放入 /Library 目录
在环境变量中添加 path,方便访问 flutter sdk(具体步骤和第 1 步类似)
# 链接 flutter sdk
export PATH="$PATH:/Library/flutter/bin"
复制
配置完成之后执行下面命令,就会自动检查并配置 flutter 环境
flutter doctor
复制
根据执行结果,自行将环境完善即可

4. 创建一个 Flutter 项目并运行

▐  4.1 终端
最简单的方法是终端直接输入下面的命令即可快速创建一个 flutter 应用并运行起来

flutter create myapp
cd myapp
flutter run
复制

复制
▐  4.2 Android Studio
安装插件:
https://flutter.cn/docs/get-started/editor?tab=androidstudio
创建/运行项目:
https://flutter.cn/docs/get-started/test-drive?tab=androidstudio
▐  4.3 VSCode
安装插件

创建项目
cmd+shift+p 打开命令面板,输入 Flutter,选择 Flutter: New Application Project 即可创建一个 flutter 应用

运行项目
使用 VSCode 打开项目,cmd+shift+p 打开命令面板,输入 Flutter选择 Flutter: Run Flutter Docktor 将应用运行起来
1.进入官网下载页:
Flutter SDK releases | Flutter

可以看到有 Windows、macOS、Linux三种系统的下载包



选择macOS,然后点击下载 Stable channel(稳定版)中的最新版本,下载完成后可以移动到资源库Library中。



2.下载好Xcode
3.配置Path环境变量
打开终端 Terminal,输入

vi ~/.bash_profile
输入 i 进入可编辑状态,然后在文件中添加:

export PATH=/Users/XXX/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
需要注意的是把/Users/XXX/flutter这个路径,更换为自己的flutter的路径。而我的路径是/Users/admin/Library/flutter



 编辑完之后,按 ESC 键,输入 :wq ,就可以保存退出了。

然后执行下面这行命令,生效当前文件:

source ~/.bash_profile
最后执行以下命令进行检查:

flutter doctor
如果提示 zsh: command not found: flutter ,解决办法是:

1.在终端执行

open ~/.zshrc
2.再执行(bash_profile这个文件前面已经配置并生效过了)

open ~/.bash_profile
3.把 bash_profile 中的内容复制到 zshrc 文件中并保存(即我们前面配置好的这段PATH)。

export PATH=/Users/admin/Library/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
4.再使用source命令重新加载一下:

source ~/.zshrc
5.最后再一次执行 flutter doctor 命令进行检查。

4.安装VSCode
1.在官网下载Visual Studio Code文件。下载解压后,可以拖到应用程序中。



 2.打开VSCode,在 扩展 中搜索 flutter 进行下载,它会同时把最新版的Dart语言包也下载好。


————————————————
版权声明:本文为CSDN博主「橘子镇男孩」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Alexander_Wei/article/details/78028879

下载的版本可能会低,就要用这个方法升级,升级后可能又出现问题

我是这样做的:以管理员身份打开cmd,然后运行:

flutter upgrade

还有一些命令

brew search ffmpge
open ~/.bash_profile
source ~/.bash_profile 打開完後不用保存,直接用這個
brew list
brew install ffmpge
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值