Flutter 初級體驗

---

? ? hi，大家好，這是第一次使用Flutter，使用Flutter 的原因有兩個吧，最直接的原因是項目驅動，還有個就是boss大佬強烈推薦，從知道Flutter到開始使用已經過了半年多，這邊年多一直關注著Flutter的最新動態(tài)，從RN過度過來，已經感覺不敢隨便再愛了。持續(xù)了半年多的積極關注，終于下決心入坑了。

? ? 首先我們來看看Flutter 官方解釋：

很明顯，這是一個跨平臺的產物，對于原生iOS開發(fā)5年的開發(fā)來說，第一感覺還是比較抵觸的。但是由于慢慢的接觸，關注，漸漸的對他有一些了解以后，就會發(fā)現(xiàn)這個家伙還是很厲害的，但是對于新手來說，安裝，學習等問題還是有一丟丟難度，這里我會帶著大家一起進入Flutter 的世界。

由于我自己使用的是Mac 系統(tǒng)，暫時我們以 Mac 安裝為主，其他系統(tǒng)類似，也可以參考官網鏈接：https://flutterchina.club/setup-macos/

首先我們需要在 Flutter 官網下載：https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos

GitHub地址：https://github.com/flutter/flutter/releases

選一個合適的最新版本，如果不想翻墻需要在 命令行中輸入 ：

//下面兩行是切換國內資源路徑

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

//下載Flutter，這里加了-b ?dev可能會慢，我這直接去掉了-b dev

git clone -b dev https://github.com/flutter/flutter.git

//PWD是你的flutter盤的絕對路徑，這里需要根據(jù)自己的路徑填寫。在命令行中進入flutter目錄之后輸入 pwd即可獲得。

export PATH="$PWD/flutter/bin:$PATH"

cd ./flutter

//最后 在命令行中 直接輸入下面命令會出現(xiàn)很多沒有安裝的問題

flutter doctor

如圖，我這里安裝完了，沒有截圖，就沒有一步一步操作下去，因為這里操作比較簡單，直接根據(jù)提示就可以了，鏈接都有提供 ?，如果還是不清楚，就輸入 flutter doctor -v，會提示怎么解決 ?的問題，也是比較方便，這里就不在做詳細的闡述了。

安裝完之后，需要下載兩個IDE ，一個是iOS開發(fā)用的Xcode，一個是安卓開發(fā)用的Android Studio。

這些安裝的過程需要等待一段時間，之后需要配置環(huán)境變量。

配置環(huán)境變量

---

先通過命令行查找 ?.bash_profile 文件并且打開它

?如果沒有.bash_profile文件 ，在命令行中輸入下面命令

1.注意這里如果是純凈的電腦可能沒有這個文件，如果沒有去創(chuàng)建他，

2. 進入當前用戶的home目錄

?輸入cd ~

3. 創(chuàng)建.bash_profile

?輸入touch .bash_profile

4. 編輯.bash_profile文件

?輸入open .bash_profile

如果有 .bash_profile文件直接打開 配置環(huán)境變量

在命令行輸入（驗證flutter 環(huán)境變量）：

最后按照官網如下步驟即可。

通過運行flutter/bin命令驗證目錄是否在已經在PATH中:

echo $PATH

最有切記，關掉所有 命令行，配置環(huán)境變量之后需要重啟命令行，否則還是找不到等問題。

安裝到iOS環(huán)境 ，這個過程需要網速和時間，可能比較慢。

要將您的Flutter應用安裝到iOS真機設備，您需要一些額外的工具和一個Apple帳戶，您還需要在Xcode中進行設置。

安裝 homebrew （如果已經安裝了brew,跳過此步驟）.

打開終端并運行這些命令來安裝用于將Flutter應用安裝到iOS設備的工具

brew update

brew install --HEAD libimobiledevice

brew install ideviceinstaller ios-deploy cocoapods

pod setup

之后的過程就是去配置xcode 代碼中的證書和安卓的一些配置問題，相對看著官網步驟就能解決問題，最后

android studio ，需要下載flutter 和dart，因為Xcode ，flutter ，dart不支持，所以只能用android studio 去開發(fā)。

所以，在打開android studio 之后，不要著急選擇，點擊左上角的 Android Studio

android studio

再點擊 Preferences

點擊 Plugins

輸入 flutter，這里注意，作者用的截圖是已經安裝的，有提示Uninstall，如果沒有安裝這里顯示的是 install

dart 會自動安裝，選擇ok 就可以。如圖。

安裝好了之后，就可以使用 flutter 開發(fā)app 了，我們可以新建一個app 來感受一下。

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯(lián)系，并提供相關證據(jù)，工作人員會在5工作日內聯(lián)系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.juherenli.com/18190.html