最近Flutter的熱度很高。話不多說，直接進(jìn)入安裝步驟，馬上體驗(yàn)Flutter！

環(huán)境安裝

你可以參考Flutter中文網(wǎng)的環(huán)境安裝教程。

mac精簡(jiǎn)安裝步驟如下

一、安裝包下載

解壓完成后，我們cd到安裝包的目錄

cd ~/development

二、添加flutter相關(guān)工具到path中：

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

此代碼只能暫時(shí)針對(duì)當(dāng)前命令行窗口設(shè)置PATH環(huán)境變量，要想永久將Flutter添加到PATH中,需要修改 .bash_profile 文件

Jietu_flutter_config.jpg

添加如下內(nèi)容:

export PUB_HOSTED_URL=https://pub.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

注意：PATH_TO_FLUTTER_GIT_DIRECTORY 為你flutter安裝包所在的路徑，比如“~/development/flutter/bin”

如果使用zsh，終端啟動(dòng)時(shí) ~/.bash_profile 將不會(huì)被加載，所以需要修改 ~/.zshrc ,在其中添加:

source ~/.bash_profile

重啟終端或者執(zhí)行source $HOME/.bash_profile刷新當(dāng)前終端窗口

三、運(yùn)行以下命令查看是否需要安裝其它依賴項(xiàng)來完成安裝：

flutter doctor

檢查通過后輸出如下：

Jietu_flutter_doctor.jpg

一般環(huán)境配置問題在flutter doctor檢查之后，會(huì)有明確的錯(cuò)誤提示和解決辦法，可以按照相關(guān)提示命令進(jìn)行解決。

四、這里說一個(gè)我遇到的坑，如下圖:

Jietu_flutter_plugins_error.png

采用Android studio開發(fā)，安裝了flutter的 plugins 之后，flutter doctor 提示flutter 12.1版本過低。這是因?yàn)锳ndroid studio 版本過低。作為iOS開發(fā)，Android studio還是停留在 2.3版本，此時(shí)flutter 插件只能看到12.1版本。

Jietu_flutter_plugins_old.png

Android studio升級(jí)到3.2問題解決。

Jietu_flutter_plugins.jpg

創(chuàng)建工程

flutter doctor 檢查環(huán)境通過之后，就可以創(chuàng)建第一個(gè)flutter工程了，此時(shí)打開Android studio就可以看見flutter工程模板如下：

Jietu_flutter_create.jpg

方式二

Jietu_flutter_create1.jpg

方式三 通過命令創(chuàng)建

flutter create helloflutter

這里創(chuàng)建了一個(gè)名為helloflutter的 Dart package

參數(shù)介紹:

要?jiǎng)?chuàng)建插件包，請(qǐng)使用--template=plugin參數(shù)執(zhí)行flutter create
使用--org選項(xiàng)指定您的組織，并使用反向域名表示法。該值用于生成的Android和iOS代碼中的各種包和包標(biāo)識(shí)符。

flutter create --org com.example --template=plugin helloflutter

默認(rèn)情況下，插件項(xiàng)目針對(duì)iOS代碼使用Objective-C，Android代碼使用Java。如果您更喜歡Swift或Kotlin，則可以使用-i 或 -a 為iOS或Android指定語(yǔ)言。例如：

flutter create --template=plugin -i swift -a kotlin helloflutter