打開終端
1.git clone -b master https://github.com/flutter/flutter.git
如果長時(shí)間沒響應(yīng)或者下載不了請先設(shè)置國內(nèi)鏡像在終端輸入vim ~/.bash_profile命令绎速,進(jìn)入vim編輯模式芒划,輸入i開始編輯盾饮,把以下兩個(gè)環(huán)境路徑粘貼到.bash文件中按ESC健 再按:wq保存退出。
source?~/.bash_profile使設(shè)置生效
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下載完成之后設(shè)置flutterSDK的系統(tǒng)環(huán)境變量
vim ~/.bash_profile
在末尾出添加
export PATH=`pwd`/flutter/bin:$PATH (注pwd為flutter SDK的根目錄,如果完全根據(jù)上面的步驟這里的pwd就是~/目錄)
環(huán)境變量添加成功之后保存退出source?~/.bash_profile使設(shè)置生效聘萨,輸入echo $PATH查看打印是否成功設(shè)置環(huán)境變量
至此可以嘗試終端輸入flutter -v命令,出現(xiàn)以下打印證明配置成功了挟鸠,下面就可以使用flutter了
檢查環(huán)境設(shè)置
flutter doctor
根據(jù)輸出信息在終端設(shè)置對應(yīng)的指令設(shè)置完成就好了
?配置編輯器
Android Studio
安裝Flutter和Dart插件
需要安裝兩個(gè)插件:
Flutter插件: 支持Flutter開發(fā)工作流 (運(yùn)行、調(diào)試置媳、熱重載等).
Dart插件: 提供代碼分析 (輸入代碼時(shí)進(jìn)行驗(yàn)證于樟、代碼補(bǔ)全等).
要安裝這些:
啟動Android Studio.
打開插件首選項(xiàng) (Preferences>Plugins?on macOS,?File>Settings>Plugins?on Windows & Linux).
選擇?Browse repositories…, 選擇 Flutter 插件并點(diǎn)擊?install.
重啟Android Studio后插件生效.
VSCode
安裝Flutter插件
啟動 VS Code
調(diào)用?View>Command Palette…
輸入 ‘install’, 然后選擇?Extensions: Install Extension?action
在搜索框輸入?flutter?, 在搜索結(jié)果列表中選擇 ‘Flutter’, 然后點(diǎn)擊?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
配置完成(溫馨提示,如果出現(xiàn)找不到flutterSDK等檢查環(huán)境變量是否設(shè)置正確就行了拇囊,基本就只有這個(gè)原因)