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

open ~/.bash_profile 

在當(dāng)期用戶目錄下創(chuàng)建.bash_profile文件，如果該文件已經(jīng)存在，則直接打開。將以下代碼復(fù)制到.bash_profile中，

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

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

flutter -h 

image.png

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

flutter doctor 

image.png

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

image.png

需要運行：

flutter doctor --android-licens 

image.png

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

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

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

image

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

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

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

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

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

image.png
本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/17633.html