1、獲取Flutter SDK
下載地址:https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos
解壓安裝包到你想安裝的目錄。
2觅赊、配置環(huán)境變量:
open ~/.bash_profile
在當期用戶目錄下創(chuàng)建.bash_profile文件,如果該文件已經存在蚓胸, 則直接打開。將以下代碼復制到.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進行測試。
flutter -h
image.png
3赐稽、執(zhí)行命令flutter doctor 叫榕,命令的作用是檢測還需要安裝的依賴。:
flutter doctor
image.png
按照檢測結果的說明又憨,如果有[!] ? 標志翠霍,表示本行檢測不通過,需要做一些設置或者安裝一些軟件蠢莺。
image.png
需要運行:
flutter doctor --android-licens
image.png
這里界面會要求輸入Y/N,一路輸入Y就行了寒匙。
4、配置iOS環(huán)境運行命令:
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
這個步驟有點慢...
6躏将、安裝idea插件
image
(轉自網友的圖)
7锄弱、安裝完成后重啟idea,在新建項目的時候左側菜單欄有Dart和Flutter說明這兩個安裝完成了祸憋,右邊紅色方框設置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