最近Flutter的熱度很高。話不多說，直接進入安裝步驟，馬上體驗Flutter！

環(huán)境安裝

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

mac精簡安裝步驟如下

一、安裝包下載

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

cd ~/development 

二、添加flutter相關工具到path中：

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

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

Jietu_flutter_config.jpg

添加如下內容:

export PUB_HOSTED_URL=https://pub.flutter-io.cn //國內用戶需要設置 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國內用戶需要設置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH 

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

如果使用zsh，終端啟動時 ~/.bash_profile 將不會被加載，所以需要修改 ~/.zshrc ,在其中添加:

source ~/.bash_profile 

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

三、運行以下命令查看是否需要安裝其它依賴項來完成安裝：

flutter doctor 

檢查通過后輸出如下：

Jietu_flutter_doctor.jpg

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

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

Jietu_flutter_plugins_error.png

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

Jietu_flutter_plugins_old.png

Android studio升級到3.2問題解決。

Jietu_flutter_plugins.jpg

創(chuàng)建工程

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

Jietu_flutter_create.jpg

方式二

Jietu_flutter_create1.jpg

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

flutter create helloflutter 

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

參數(shù)介紹:

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

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

默認情況下，插件項目針對iOS代碼使用Objective-C，Android代碼使用Java。如果您更喜歡Swift或Kotlin，則可以使用-i 或 -a 為iOS或Android指定語言。例如：

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

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