發(fā)表日期:2018-12 文章編輯:小燈 瀏覽次數(shù):2516
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 完成之后點(diǎn)擊保存,在命令行中執(zhí)行source.bash_profile,
然后輸入flutter -h進(jìn)行測試。
flutter -h
image.png3、執(zhí)行命令flutter doctor ,命令的作用是檢測還需要安裝的依賴。:
flutter doctor
image.png 按照檢測結(jié)果的說明,如果有[!] ? 標(biāo)志,表示本行檢測不通過,需要做一些設(shè)置或者安裝一些軟件。
image.png 需要運(yùn)行:
flutter doctor --android-licens
image.png 這里界面會要求輸入Y/N,一路輸入Y就行了。
4、配置iOS環(huán)境運(yùn)行命令:
brew updatebrew install --HEAD libimobiledevicebrew install ideviceinstaller ios-deploy cocoapodspod setup 這個(gè)步驟有點(diǎn)慢...
6、安裝idea插件
(轉(zhuǎn)自網(wǎng)友的圖)
7、安裝完成后重啟idea,在新建項(xiàng)目的時(shí)候左側(cè)菜單欄有Dart和Flutter說明這兩個(gè)安裝完成了,右邊紅色方框設(shè)置Flutter SDK。
image.png 如果我們只想簡單的實(shí)現(xiàn)”Hello World”,用下面的代碼替換掉main.dart里面的代碼即可。
import 'package:flutter/material.dart'; void main(){ runApp(new Center(child: new Text('Hello Flutter!'))); } 然后選擇模擬器運(yùn)行即可。
image.png