讓我們一起用Mac 搭建 Flutter 開發環境
作者：peaktan
最近由于業務需要，開始進行 Flutter 的研究，由于 Flutter 的環境搭建在官網上有些細節不是很清楚，筆者重新整理輸出。
本文轉載自微信公眾號「網羅開發」，作者網羅開發。轉載本文請聯系網羅開發公眾號。
最近由于業務需要，開始進行 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 https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_1.22.6-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 將應用運行起來
責任編輯：武曉燕
來源：
網羅開發
