安装 Flutter
下载 Flutter
运行如下命令,从 GitHub 下载 Flutter:
$ git clone https://github.com/flutter/flutter.git
配置环境变量 - Windows
- Path 条目下的配置
“控制面板>用户帐户>用户帐户>更改我的环境变量”。在“用户变量”下“Path”条目:添加 flutter\bin 的全路径。
- 添加条目
PUB_HOSTED_URL https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
配置环境变量 - Mac
- 找到或者新建
/Users/inbasiszyn/.bash_profile
文件 - 填入
$ export PATH=/你的flutter文件夹所在位置/flutter/bin:$PATH
- 执行
source ~/.bash_profile
设置即生效由于终端zsh执行的是
.zprofile
文件,需要在.zprofile
文件添加source ~/.bash_profile
,否则终端重启之后即找不到flutter,VSCode等工具也无法使用flutter SDK。- 配置Dart环境给VSCode使用:
.bash_profile
填入$ export PATH=/你的flutter文件夹所在位置/flutter/bin/cache/dart-sdk/bin:$PATH
,flutter 1.9 之后默认带dart环境。
- 配置Dart环境给VSCode使用:
添加依赖
执行如下命令:
$ flutter doctor
成功之后,如果提示 flutter 版本太旧需要更新,就执行命令$ flutter upgrade
更新。
使用 Android Studio 创建 Flutter 项目
配置 Android Studio
在 Android Studio 欢迎页右下角,点击 Configure ,选择 Settings > Plugins > Browse repositories , 搜索 flutter 插件并安装,提示需要同时安装 dart 插件的时候选择 yes。如果安装 dart 失败,可以先去搜索 dart 插件并安装,然后再安装 flutter 插件。安装成功,重启 android studio ,欢迎页出现 Start a new Flutter project 选项。
创建 flutter 项目
- 选择 Flutter Application 创建项目,其余两个为 Plugin 和 Package。
- 设置项目名称、项目路径、项目介绍, 默认 Flutter SDK 路径无误无需更改。
- 设置包名,点击 “Finish”。
参考
- Flutter 中文网:在Windows上搭建Flutter开发环境