打開終端
1.git clone -b master https://github.com/flutter/flutter.git
如果長時間沒響應或者下載不了請先設置國內鏡像在終端輸入vim ~/.bash_profile命令,進入vim編輯模式,輸入i開始編輯,把以下兩個環境路徑粘貼到.bash文件中按ESC健 再按:wq保存退出。
source?~/.bash_profile使設置生效
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
之后再輸入git clone -b master https://github.com/flutter/flutter.git就可以下載了。
等待下載完成之后終端輸入命令
./flutter/bin/flutter --version
會下載dart-sdk下載完成之后設置flutterSDK的系統環境變量
vim ~/.bash_profile
在末尾出添加
export PATH=`pwd`/flutter/bin:$PATH (注pwd為flutter SDK的根目錄,如果完全根據上面的步驟這里的pwd就是~/目錄)
環境變量添加成功之后保存退出source?~/.bash_profile使設置生效,輸入echo $PATH查看打印是否成功設置環境變量
至此可以嘗試終端輸入flutter -v命令,出現以下打印證明配置成功了,下面就可以使用flutter了
檢查環境設置
flutter doctor
根據輸出信息在終端設置對應的指令設置完成就好了
?配置編輯器
Android Studio
安裝Flutter和Dart插件
需要安裝兩個插件:
Flutter插件: 支持Flutter開發工作流 (運行、調試、熱重載等).
Dart插件: 提供代碼分析 (輸入代碼時進行驗證、代碼補全等).
要安裝這些:
啟動Android Studio.
打開插件首選項 (Preferences>Plugins?on macOS,?File>Settings>Plugins?on Windows & Linux).
選擇?Browse repositories…, 選擇 Flutter 插件并點擊?install.
重啟Android Studio后插件生效.
VSCode
安裝Flutter插件
啟動 VS Code
調用?View>Command Palette…
輸入 ‘install’, 然后選擇?Extensions: Install Extension?action
在搜索框輸入?flutter?, 在搜索結果列表中選擇 ‘Flutter’, 然后點擊?Install
選擇 ‘OK’ 重新啟動 VS Code
至此可以打開VSCode打開命令面板(mac快捷鍵command+shift+p)輸入doctor選擇Run flutter Doctor
輸入信息
[flutter] flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel stable, v1.7.8+hotfix.4, on Mac OS X 10.14.3 18D109, locale zh-Hans-CN)
[?] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[?] Xcode - develop for iOS and macOS (Xcode 10.2.1)
[?] iOS tools - develop for iOS devices
[?] Android Studio (version 3.4)
[?] VS Code (version 1.37.0)
[!] Connected device
? ? ! No devices available
! Doctor found issues in 1 category.
exit code 0
配置完成(溫馨提示,如果出現找不到flutterSDK等檢查環境變量是否設置正確就行了,基本就只有這個原因)