Flutter 基本开发环境配置环境搭建
Dart 是 Google 开发的一种编程语言,最早在 2011 年推出,主要是为 跨平台应用开发 而设计的,尤其是和 Flutter 框架 搭配使用。
Flutter 基本开发环境配置环境搭建
一、安装 Dart SDK
安装地址:https://dart.dev/get-dart
- 安装
Homebrew
国内无法官网顺利安装,参考博客笔记,使用国内镜像安装。
/bin/bash -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
选择“1.清华大学”,输入密码,回车,
选择“5.阿里巴巴国内源”。
安装结束以后输入 <font style="color:#000000;">brew -v</font>
查看版本,显示版本表示成功。
备注:国内安装可能会很慢,需要 11-15 分钟。
- 使用
Homebrew
安装Dart
配置
首先设置临时代理(当前命令生效),然后打开 **ClashX **,设置如下:
# HTTP 代理
export http_proxy=http://127.0.0.1:7890
export https_proxy=http://127.0.0.1:7890# SOCKS5 代理(如果你的代理是 SOCKS5)
export ALL_PROXY=socks5://127.0.0.1:7890
ClashX 只代理系统和浏览器流量
- macOS 的系统代理是 给 GUI 程序(浏览器、App)用的。
- 命令行里的工具(如
curl
、brew
、git
)并不会自动读取系统代理所以需要设置。
设置和下载 Dart SDK
brew tap dart-lang/dart
brew install dart
二、测试 Dart 开发
安装 Dart 和 Code Runner
Vscode 中搜索 Dart 和 Code Runner
创建 Dart 文件
main(){print('你好 dart');
}
三、搭载 Flutter Android 运行环境
安装和配置
(1)选择 ARM64 DMG Installer 安装包的 SDK
地址:https://www.oracle.com/java/technologies/downloads/
为什么需要 Java (JDK) 主要是Android开发场景中,Flutter 项目里,Android 端其实就是一个 原生 Android 工程,编译 Android APK / AAB 时,Gradle(Android 的构建工具)需要 Java 环境 (JDK) 才能运行。
配置 Android SDK:
**(2)下载 Android Studio **
地址:https://developer.android.google.cn/studio?hl=zh-cn
Android Studio 是 Google 官方提供的 Android 应用开发集成环境(IDE)
按照软件向导安装,选择标准安装,等待插件安装结束,后面会用到。
建议不安装 Android Emulator 插件,直接用 USB 连接调试
进入插件(Plugins)安装「Dart」和「Futter」
(3)配置 Flutter SDK(Flutter SDK 的安装包)
地址:https://docs.flutter.dev/install/archive#overview
Flutter SDK 就是 Google 提供的一整套工具,用来开发 Flutter 应用。
SDK = Software Development Kit(软件开发工具包)。
将下载的压缩包解压,复制到需要的地方(mac上添加一个Flutte开发目录存储)
打开终端,输入:
vim ~/.zshrc
在文件的最后添加上:
export PATH="$PATH:$HOME/flutter-sdk/bin"
或
export PATH="$PATH:/Users/lin-mac5/flutter-sdk/bin"
配置国内镜像:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
刷新配置:
source ~/.zshrc
检查环境配置:
flutter doctor
总结:我们需要安装六项内容:
- Flutter SDK 本身 ✅
- Web 开发 ✅
- Android 开发 ❌ → 需要 cmdline-tools 或 Android Studio
- iOS / macOS 开发 ❌ → 需要完整 Xcode + CocoaPods
- 编辑器 ✅
- 设备 ✅
解决 cmdline-tools 问题
从上面的的提示不难看出 cmdline-tools 没有安装,安装一下:
再次检查,可以发现 Android Studio 已经安装。
解决 Xcode + CocoaPods 报错
设置 Xcode 路径,初始化 Xcode :
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
安装 CocoaPods :
brew install cocoapods
再次使用 flutter doctor
检测环境:
显示以上配置表示环境搭建成功。