最近由于業務需要,開始進行 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 1.22.6
3、配置 Flutter SDK 環境
- 下載完之后解壓,然后將 flutter sdk 放入 /Library 目錄
- 在環境變量中添加path,方便訪問 flutter sdk(具體步驟和第1步類似)
# 鏈接 flutter sdk
export PATH="$PATH:/Library/flutter/bin"
- 配置完成之后執行下面命令,就會自動檢查并配置 flutter 環境
flutter doctor
- 根據執行結果,自行將環境完善即可
flutter doctor
4、創建一個 Flutter 項目并運行
終端
最簡單的方法是終端直接輸入下面的命令即可快速創建一個 flutter 應用并運行起來
flutter create myapp
cd myapp
flutter run
Android Studio
- 安裝插件:https://flutter.cn/docs/get-started/editor?tab=androidstudio
- 創建/運行項目:https://flutter.cn/docs/get-started/test-drive?tab=androidstudio
VSCode
- 安裝插件
add plugin
- 創建項目
cmd+shift+p
打開命令面板,輸入 Flutter,選擇 Flutter: New Application Project 即可創建一個 flutter 應用
- 運行項目
使用 VSCode 打開項目,cmd+shift+p
打開命令面板,輸入 Flutter選擇 Flutter: Run Flutter Docktor 將應用運行起來
PS:本教程參考 https://flutter.cn/docs/get-started/install/macos 進行簡化和補充
本文為原創,轉載請注明出處