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