安裝 Flutter
下載 Flutter
運行如下命令坦喘,從 GitHub 下載 Flutter:
$ git clone https://github.com/flutter/flutter.git
配置環(huán)境變量 - Windows
- Path 條目下的配置
“控制面板>用戶帳戶>用戶帳戶>更改我的環(huán)境變量”。在“用戶變量”下“Path”條目:添加 flutter\bin 的全路徑西设。
- 添加條目
PUB_HOSTED_URL https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
配置環(huán)境變量 - Mac
- 找到或者新建
/Users/inbasiszyn/.bash_profile
文件 - 填入
$ export PATH=/你的flutter文件夾所在位置/flutter/bin:$PATH
- 執(zhí)行
source ~/.bash_profile
設置即生效由于終端zsh執(zhí)行的是
.zprofile
文件起宽,需要在.zprofile
文件添加source ~/.bash_profile
,否則終端重啟之后即找不到flutter济榨,VSCode等工具也無法使用flutter SDK坯沪。- 配置Dart環(huán)境給VSCode使用:
.bash_profile
填入$ export PATH=/你的flutter文件夾所在位置/flutter/bin/cache/dart-sdk/bin:$PATH
,flutter 1.9 之后默認帶dart環(huán)境擒滑。
- 配置Dart環(huán)境給VSCode使用:
添加依賴
執(zhí)行如下命令:
$ flutter doctor
成功之后腐晾,如果提示 flutter 版本太舊需要更新叉弦,就執(zhí)行命令$ flutter upgrade
更新。
使用 Android Studio 創(chuàng)建 Flutter 項目
配置 Android Studio
在 Android Studio 歡迎頁右下角藻糖,點擊 Configure 淹冰,選擇 Settings > Plugins > Browse repositories , 搜索 flutter 插件并安裝,提示需要同時安裝 dart 插件的時候選擇 yes巨柒。如果安裝 dart 失敗樱拴,可以先去搜索 dart 插件并安裝,然后再安裝 flutter 插件洋满。安裝成功晶乔,重啟 android studio ,歡迎頁出現(xiàn) Start a new Flutter project 選項牺勾。
創(chuàng)建 flutter 項目
- 選擇 Flutter Application 創(chuàng)建項目正罢,其余兩個為 Plugin 和 Package。
- 設置項目名稱驻民、項目路徑翻具、項目介紹, 默認 Flutter SDK 路徑無誤無需更改回还。
- 設置包名裆泳,點擊 “Finish”。
參考
- Flutter 中文網(wǎng):在Windows上搭建Flutter開發(fā)環(huán)境