Flutter簡介

Flutter是Google使用Dart語言開發(fā)的移動(dòng)應(yīng)用開發(fā)框架，可同時(shí)在Android和iOS平臺(tái)運(yùn)行,性能無限接近原生。

個(gè)人覺得和React Native有點(diǎn)類似，詳細(xì)請(qǐng)移步Flutter官網(wǎng)。

Flutter 環(huán)境配置

由于我的電腦系統(tǒng)是macOS，所以這里只適用于macOS的使用者，Windows 和Linux用戶請(qǐng)移步Flutter官網(wǎng)。

1、下載Flutter SDK:

git clone https://github.com/flutter/flutter.git

2、設(shè)置環(huán)境變量 :
方式一：

export PATH=`pwd`/flutter/bin:$PATH

方式二：
打開或創(chuàng)建$HOME / .bash_profile，然后添加以下行。

export PATH=$HOME/flutter/bin:$PATH

運(yùn)行source $HOME/.bash_profile刷新當(dāng)前窗口。

3、安裝相關(guān)依賴,可重復(fù)執(zhí)行

flutter doctor

開發(fā)工具及插件

• 1、AndroidStudio

  • 安裝插件:
    進(jìn)入Plugins -> Browse Repositories；
    搜索Flutter，然后install。

  • 創(chuàng)建新項(xiàng)目
    打開AndroidStudio；
    選擇 Start a new Flutter project ；
    選擇 Flutter Application；
    配置項(xiàng)目名稱、Flutter SDK path(首次需要) 等。

• 2、VSCode

  • 安裝插件:
    按組合鍵 command+shift+x，打開應(yīng)用商店；
    搜索 dart code,點(diǎn)擊安裝。

  • 創(chuàng)建新項(xiàng)目
    打開VSCode；
    選擇 查看->命令面板；
    輸入指令Flutter New Project,確定；
    輸入項(xiàng)目名稱，確定；
    選擇存儲(chǔ)路徑，確定。

這里只是簡單的說了一下我目前試用過的工具以及需要的插件。
關(guān)于創(chuàng)建項(xiàng)目還可以用Terminal的方式，想具體了解可以點(diǎn)擊這里。

flutter create yourApp

在具體開發(fā)中根據(jù)自己的習(xí)慣和喜好，自行選擇喜歡的方式就行。由于我本身是一個(gè)Android開發(fā)者，已經(jīng)習(xí)慣于AndroidStudio了，所以我選擇AndroidStudio。