1. 程式人生 > >flutter環境配置詳解及開發第一個專案

flutter環境配置詳解及開發第一個專案

flutter環境配置的具體步驟如下:

1). 下載flutter

2).下載後的檔案解壓,放在你想指定的目錄下(我以放在桌面為例)

3).配置環境變數

vim ~/.bash_profile

輸入後,出現上圖介面,則表明已經存在,我們直接點選大寫字母Q退出就OK!

4).export PATH=路徑/bin:$PATH

export PATH=/Users/zj/Desktop/flutter/bin:$PATH //以我的桌面路徑為例

5).執行命令

source ~/.bash_profile

6).執行flutter命令

flutter -h

上述步驟結束,環境配置就完成了,下面就是檢查環境是否有問題!

flutter doctor

輸入完成後,看到如下圖介面:

 

有上述問題:需要安裝Android Studio 和IOS需要安裝的一些依賴,根據官網完成兩個平臺設定步驟中的至少一個,就能夠構建並執行您的第一個Flutter應用程式,作為IOS開發,只要安裝IOS上的依賴

brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy

根據上述提示需要安裝:

pip install six或sudo easy_install six

再次執行doctor

flutter doctor

現在IOS上的依賴都完成了,我們就開始建立一個Flutter專案。

1).進入你想存放專案的目錄,以桌面上的資料夾為例  

flutter create testapp

testapp是定義的專案名稱,不能用大寫。

2).按照上圖提:

cd testapp
flutter run

如果用模擬器或真機開啟過,則會顯示如上圖所示機型,這個時候再執行命令列flutter run -d 手機id 等待一段時間後便會在你模擬器上執行專案 

flutter run -d 7FA62016-8ADE-4BFA-A4EF-D1D4789B8A6D

在滿懷期待中,竟然報錯了如下錯誤: 

這是因為每次跟新xcode後,對應的外掛卻沒有跟新,找到 Xcode 外掛所在的目錄
回到Mac桌面,快捷鍵 cmd + shift + g 將下面的貼上進去,跳到外掛目錄

~/Library/Application Support/Developer/Shared/Xcode/Plug-ins

 選擇外掛RTImageAssets.xcplugin,顯示包內容,開啟info.plist,在plist檔案中找到DVTPlugInCompatibilityUUIDs, 點選加號, 新增上圖所示的D7881182-AD00-4C36-A94D-F45FC9B0CF85,儲存,重新啟動xcode。

我們有三種方式開啟專案:

1).

flutter run -d 7FA62016-8ADE-4BFA-A4EF-D1D4789B8A6D

2).找到專案,開啟Run.xcworkspace

正常開啟專案一樣,用真機或者模擬器!

最後的開啟介面為:

 

注:如果用模擬器報如下圖所示錯誤:

這是因為xcode10,解決方案為:

Xcode選單欄選擇File-- Workspace Setting,把new build system(Defalt)切換到 Legacy Build System 在模擬器上執行就OK!