前言
Flutter已成為移動應(yīng)用開發(fā)的主流選擇，其跨平臺優(yōu)勢日益凸顯，使學(xué)習(xí)Flutter成為現(xiàn)代開發(fā)者的必備技能。越來越多的公司和團(tuán)隊(duì)選擇Flutter構(gòu)建應(yīng)用，這為開發(fā)者提供了更廣闊的就業(yè)機(jī)會和職業(yè)發(fā)展空間。Flutter的熱度源自其強(qiáng)大的特性和生態(tài)系統(tǒng)支持，包括快速的開發(fā)周期、高性能的渲染引擎、豐富的UI組件和易學(xué)的Dart編程語言。此外，F(xiàn)lutter不僅適用于移動應(yīng)用開發(fā)，還可用于桌面和Web應(yīng)用，為開發(fā)者提供了更多創(chuàng)作空間和機(jī)會。學(xué)習(xí)Flutter能夠幫助開發(fā)者快速掌握跨平臺開發(fā)技能，促進(jìn)職業(yè)發(fā)展，助力在競爭激烈的市場中脫穎而出，實(shí)現(xiàn)個人的技術(shù)和職業(yè)目標(biāo)。
Flutter環(huán)境搭建
俗話說的好，萬層高樓平地起，學(xué)習(xí)Flutter首先第一步就是環(huán)境的搭建，那么這里第一課就是學(xué)習(xí)搭建Flutter環(huán)境，因?yàn)槲覀冮_發(fā)都提倡使用Mac開發(fā)，所以本篇文章主要是圍繞Mac系統(tǒng)搭建Flutter環(huán)境。其他系統(tǒng)可以參考官方教學(xué)或者博文文章自行學(xué)習(xí)。
1、查看本機(jī)環(huán)境配置
- 查看本機(jī)環(huán)境文件
- 命令查看：
echo $SHELL
結(jié)果：
- 直接打開終端，看頂部標(biāo)題如果是zsh，如上圖紅圈1所示，就是說明環(huán)境配置文件是那個了。
- 查看本機(jī)環(huán)境配置
在 macOS 系統(tǒng)中，使用的是 bash 終端：
cat ~/.bash_profile
使用的是 zsh 終端：
cat ~/.zshrc
執(zhí)行命令后，就能看到當(dāng)前環(huán)境配置了。如下圖
2、修改本機(jī)環(huán)境配置
- 打開環(huán)境變量文件
bash 終端：
vim ~/.bash_profile
zsh 終端：
vim ~/.zshrc
- 修改終端編輯狀態(tài)
英文鍵盤狀態(tài)下按 “i”切換到可編輯狀態(tài)。
- 修改環(huán)境變量設(shè)置：
在配置文件中添加、修改或刪除您需要的環(huán)境變量設(shè)置。
- 保存并退出編輯器：
首先按“esc”鍵退出編輯狀態(tài)， 在按“:wq”+回車，進(jìn)行保存修改并退出編輯器。
- 生效配置文件
bash 終端則運(yùn)行：
source ~/.bash_profile
zsh 終端 則運(yùn)行：
source ~/.zshrc
通過這些步驟，您可以切換終端使用的環(huán)境變量文件，并確保終端在啟動時加載所需的環(huán)境變量設(shè)置。
3、下載Flutter SDK
- SDK 下載鏈接
https://flutter.cn/docs/release/archive?tab=macos
- 解壓SDK放置位置
如：Users/zhouweilong/fvm/versions/3.10.0
4、配置Flutter環(huán)境配置
執(zhí)行命令 vim ~/.bash_profile or vim ~/.zshrc 打開配置文件。
點(diǎn)擊“i” 進(jìn)入編輯狀態(tài)
在配置文件中加上Flutter sdk配置信息
export PATH=$HOME/fvm/versions/3.10.0/bin:$PATH
按esc退出編輯狀態(tài)，輸入“:wq”保存退出。
執(zhí)行命令“source ~/.bash_profile or source ~/.zshrc”讓配置生效。
執(zhí)行“flutter --version”如下
代表flutter環(huán)境配置好了。
5、重點(diǎn)提醒
國內(nèi)的網(wǎng)絡(luò)環(huán)境下可能需要對 Flutter 工具進(jìn)行一些額外配置，請參考文檔 在中國網(wǎng)絡(luò)環(huán)境下使用 Flutter。
根據(jù)文檔可知需而外配置2項(xiàng)
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
Flutter版本管理
1、為什么要版本管理
- 多個項(xiàng)目和團(tuán)隊(duì)協(xié)作
在開發(fā)多個 Flutter 項(xiàng)目或與其他開發(fā)者協(xié)作的情況下，每個項(xiàng)目可能需要使用不同的 Flutter 版本。通過版本管理，您可以為每個項(xiàng)目指定特定的 Flutter 版本，從而確保團(tuán)隊(duì)成員在同一開發(fā)環(huán)境中工作，減少因 Flutter 版本不一致而導(dǎo)致的問題。
- 測試和回滾
當(dāng)您的應(yīng)用程序在新版本的 Flutter 上運(yùn)行時出現(xiàn)問題時，版本管理可以使您更輕松地回滾到之前的穩(wěn)定版本，從而減少測試和修復(fù)問題所需的時間和精力。
- 新功能和實(shí)驗(yàn)性特性
Flutter 的新版本可能包含實(shí)驗(yàn)性特性或試驗(yàn)性功能，這些功能可能對您的應(yīng)用程序產(chǎn)生積極或負(fù)面的影響。版本管理可以幫助您在開發(fā)過程中輕松切換和測試這些功能，以便您可以更好地了解它們，并確定是否要在應(yīng)用程序中使用它們。
- 學(xué)習(xí)開源項(xiàng)目
當(dāng)我們在github或者其他地方下載值得學(xué)習(xí)的項(xiàng)目時，會發(fā)現(xiàn)項(xiàng)目使用的Flutter版本不一樣，來回切換環(huán)境配置非常麻煩。所以版本管理可以有效的解決這個問題。
綜上所述，版本管理對于確保 Flutter 應(yīng)用程序的穩(wěn)定性、兼容性和可維護(hù)性非常重要。它可以幫助開發(fā)者更好地管理 Flutter 的使用和更新，并確保團(tuán)隊(duì)之間的協(xié)作順暢。
2、FVM 版本管理
- FVM是什么
- FVM安裝
Mac使用brew進(jìn)行安裝 ，其他系統(tǒng)安裝具體鏈接：點(diǎn)擊這里
brew tap leoafarias/fvm
brew install fvm
確定是否安裝成功
- FVM環(huán)境配置
官方：https://fvm.app/documentation/getting-started/configuration
FVM_CACHE_PATH：指定Flutter版本的緩存路徑。
FVM_GIT_CACHE：全局啟用/禁用 git 緩存 ( true/ false)。
FVM_GIT_CACHE_PATH：設(shè)置本地git引用緩存的路徑。
FVM_FLUTTER_URL：定義 Flutter 存儲庫 git URL。
FVM_PRIVILEDGED_ACCESS：啟用/禁用 FVM 的特權(quán)訪問 ( true/ false)。
案例：
export FVM_FLUTTER_URL=https://github.com/flutter/flutter.git
export FVM_CACHE_PATH=$HOME/fvm
export PATH=$PATH:~/fvm/default/bin
- 執(zhí)行 fvm use 3.10.0
- 全局配置Flutter版本
fvm global 3.0.5
//環(huán)境變量配置
export PATH=$PATH:~/fvm/default/bin
執(zhí)行命令后，全局flutter使用版本就變成了3.0.5，不用修改配置文件了
3、如何在項(xiàng)目中使用FVM切換版本
- 打開案例項(xiàng)目flutter_project ，執(zhí)行 fvm use ，項(xiàng)目根目錄會出現(xiàn)一個.fvm文件夾
- 我們可以復(fù)制flutter_sdk全局路徑配置flutter使用路徑，方便fvm切換版本
第一步：
第二步：
第三步：
配置完后，直接使用fvm use xxx，xxx就是flutter的版本號，執(zhí)行命令后，項(xiàng)目就會自動切換到xxx版本上了，是不是很方便。
