← 返回首页

SIGNAL · POST

使用VSCode配置Flutter开发环境

约 4 分钟阅读 bajiu 前端

mark

使用镜像

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

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

https://docs.flutter.cn/community/china/

安装Flutter开发环境

  1. 前往 Flutter官网 下载并安装最新的Flutter SDK
  2. 解压并设置环境变量,将Flutter SDK的bin目录添加到系统的PATH中。
    • Windows:修改环境变量Path,添加Flutter SDK的路径。
    • macOS/Linux:在.bashrc或.zshrc文件中添加export PATH=”$PATH:/path/to/flutter/bin”。

在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行就能打开,但还是配个环境变量比较好。

flutter_0

Flutter已经包含了Dart SDK,所以单独安装Dart不是必须的。但在安装Flutter SDK时,你会自动安装Dart。使用 flutter doctor 来检查环境:
flutter_02

上面显示我们没有配置Android环境和镜像站点,将上面两个镜像地址再配置到环境变量中就好了。
flutter_03

配置Android SDK环境变量

在系统变量下进行编辑,新建系统变量ANDROID_HOME,变量名:ANDROID_HOME变量值:D:\Android\SDK

此变量已存在,直接编辑即可,变量值:%ANDROID_HOME%\tools%ANDROID_HOME%\platform-tools

然后分别输入 adbandroid 两个命令进行验证,最后再 flutter doctor 一下:

配置Android环境

相关教程: