Flutter 环境安装

729 阅读5分钟

环境配置

window

  1. 打开环境变量设置界面

此电脑 > 属性 > 高级系统设置 > 环境变量

系统环境变量下新建

注意: 此镜像为临时镜像,并不能保证一直可用

变量名(N):PUB_HOSTED_URL
变量值(V):https://pub.flutter-io.cn
变量名(N):FLUTTER_STORAGE_BASE_URL
变量值(V):https://storage.flutter-io.cn

如果已安装 Git for Windows,请确保命令提示符或 PowerShell 中运行 git 命令,不然在后面运行 flutter doctor 时将出现 Unable to find git in your PATH 错误, 此时需要手动添加 C:\Program Files\Git\bin 至 Path 系统环境变量中。

  1. 获取 Flutter SDK

官网下载(可能不是最新的,可以以 github releases 为准):flutter.io/sdk-archive…

注意,Flutter 的渠道版本会不停变动,请以 Flutter 官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去 Flutter github 项目下去下载安装包,转到下载页

这是一个方案(相信自己的网络):

git clone -b dev https://github.com/flutter/flutter.git

比 macOs 小,六百多 M

  1. 解压

将安装包 zip 解压到你想安装 Flutter SDK 的路径

注意,不要将 flutter 安装到需要一些高权限的路径如 C:\Program Files\)

  1. 双击flutter_console.bat

在 Flutter 安装目录的 flutter 文件下找到 flutter_console.bat,双击运行并启动 flutter 命令行,接下来,你就可以在 Flutter 命令行运行 flutter 命令了

  1. 检查环境变量
  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 flutter\bin 的全路径,使用 ; 作为分隔符.
    • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值.
    • 在“用户变量”下检查是否有名为”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目,如果没有,也添加它们。

最后重启电脑

  1. 运行 flutter doctor

打开一个新的命令提示符或 PowerShell 窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装

第一次运行一个 flutter 命令(如 flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

一旦你安装了任何缺失的依赖,再次运行 flutter doctor 命令来验证你是否已经正确地设置了

 flutter doctor

macOS

由于在国内访问 Flutter 有时可能会受到限制,Flutter 官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

  1. 打开环境变量文件
sudo open ~/.bash_profile 或者sudo  source ~/.bash_profile
  1. 配置环境变量

注意: 此镜像为临时镜像,并不能保证一直可用

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Flutter 依赖下面这些命令行工具: bash, mkdir, rm, git, curl, unzip, which

  1. 获取 Flutter SDK

官网下载(可能不是最新的,可以以 github releases 为准):flutter.dev/docs/develo…

注意,Flutter 的渠道版本会不停变动,请以 Flutter 官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去 Flutter github 项目下去下载安装包,转到下载页

这是一个方案(相信自己的网络):

git clone -b dev https://github.com/flutter/flutter.git

挺大的,一个 G 多

  1. 解压安装包

解压安装包到你想安装的目录

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

也可以用解压工具,我这边是下载完成直接给我解压出来了

  1. 添加flutter路径到path
export PATH="/Library/development/flutter/bin:$PATH"

此代码只能暂时针对当前命令行窗口设置 PATH 环境变量,要想永久将 Flutter 添加到 PATH 中请参考下面更新环境变量 部分

重启电脑

  1. 运行flutter doctor
flutter doctor

该命令检查您的环境并在终端窗口中显示报告。Dart SDK 已经在捆绑在 Flutter 里了,没有必要单独安装 Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务(以粗体显示)---没有 ❌ 基本就可以了

  • [!]Android toolchain - develop for Android devices (Android SDK version 30.0.3) ! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

解决

flutter doctor --android-licenses

一路 y 即可

最终的返回

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.2.0, on Mac OS X 10.15.7 19H114 darwin-x64,
    locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] Connected device (1 available)

升级 Flutter

我们强烈建议跟踪 flutter 的 stable 分支,这是 Flutter 稳定分支

刚配置的 Path 需要重新启动电脑

flutter channel

切换分支

flutter channel beta 或者 flutter channel master

为您的项目指定 Flutter SDK

pubspec.yaml (类似于 package.json)[每一个项目里面都有这个文件]文件中指定 Flutter SDK 的依赖项

以下代码片段指定 flutter 和 flutter_test 包使用 Flutter SDK。

可查看 flutter/examples/helloword

name: hello_world
dependencies:
  flutter:
    sdk: flutter
dev_dependencies:
  flutter_test:
    sdk: flutter

升级 Flutter channel 和 packages

要同时更新 Flutter SDK 和你的依赖包,在你的应用程序根目录(包含 pubspec.yaml 文件的目录)中运行 flutter upgrade 命令:

flutter upgrade

升级你的依赖包

如果您修改了 pubspec.yaml 文件,或者只想更新应用依赖的包(不包括 Flutter SDK)

  • flutter packages get 获取 pubspec.yaml 文件中列出的所有依赖包
  • flutter packages upgrade 获取pubspec.yaml文件中列出的所有依赖包的最新版本