1、獲取Flutter SDK
下載地址：https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos
解壓安裝包到你想安裝的目錄。
2、配置環境變量：

open ~/.bash_profile 

在當期用戶目錄下創建.bash_profile文件，如果該文件已經存在，則直接打開。將以下代碼復制到.bash_profile中，

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

完成之后點擊保存，在命令行中執行source.bash_profile，
然后輸入flutter -h進行測試。

flutter -h 

image.png

3、執行命令flutter doctor ，命令的作用是檢測還需要安裝的依賴。：

flutter doctor 

image.png

按照檢測結果的說明，如果有[!] ? 標志，表示本行檢測不通過，需要做一些設置或者安裝一些軟件。

image.png

需要運行：

flutter doctor --android-licens 

image.png

這里界面會要求輸入Y/N,一路輸入Y就行了。
4、配置iOS環境運行命令:

brew updatebrew install --HEAD libimobiledevicebrew install ideviceinstaller ios-deploy cocoapodspod setup 

這個步驟有點慢...
6、安裝idea插件

image

(轉自網友的圖)
7、安裝完成后重啟idea，在新建項目的時候左側菜單欄有Dart和Flutter說明這兩個安裝完成了，右邊紅色方框設置Flutter SDK。

image.png
8、測試運行項目
新建一個Flutter工程，工程名不能含大寫字母，這里會有點慢
如果在創建的過程中出現如下錯誤，那么Close Project，然后重新打開即可。
image

如果我們只想簡單的實現”Hello World”，用下面的代碼替換掉main.dart里面的代碼即可。

import 'package:flutter/material.dart'; void main(){ runApp(new Center(child: new Text('Hello Flutter!'))); } 

然后選擇模擬器運行即可。

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