Quiet
  • 主页
  • 归档
  • 分类
  • 标签
  • 链接
  • 关于我

bajiu

  • 主页
  • 归档
  • 分类
  • 标签
  • 链接
  • 关于我
Quiet主题
  • flutter

使用VSCode配置Flutter开发环境

bajiu
前端

2024-11-15 17:41:00

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

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

配置Android环境

相关教程:

  • sdkmanager配置: https://developer.android.google.cn/tools/sdkmanager?hl=zh-cn#:~:text=sdkmanager%201%20%E4%BB%8E%20Android%20Studio%20%E4%B8%8B%E8%BD%BD%E9%A1%B5%E9%9D%A2%20%E4%B8%AD%E4%B8%8B%E8%BD%BD%E6%9C%80%E6%96%B0%E7%9A%84%E2%80%9Ccommand%20line,source.properties%20%E6%96%87%E4%BB%B6%EF%BC%89%E7%A7%BB%E5%8A%A8%E5%88%B0%E6%96%B0%E5%88%9B%E5%BB%BA%E7%9A%84%20latest%20%E7%9B%AE%E5%BD%95%E4%B8%AD%E3%80%82%20%E7%8E%B0%E5%9C%A8%EF%BC%8C%E6%82%A8%E5%B0%B1%E5%8F%AF%E4%BB%A5%E4%BB%8E%E8%BF%99%E4%B8%AA%E4%BD%8D%E7%BD%AE%E4%BD%BF%E7%94%A8%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7%E4%BA%86%E3%80%82%205%20%EF%BC%88%E5%8F%AF%E9%80%89%EF%BC%89%E5%A6%82%E9%9C%80%E5%AE%89%E8%A3%85%E6%97%A7%E7%89%88%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7%EF%BC%8C%E8%AF%B7%E8%BF%90%E8%A1%8C%E4%BB%A5%E4%B8%8B%E5%91%BD%E4%BB%A4%EF%BC%9A%20
上一篇

Android Studio 模拟器加速器 Intel HAXM 的安装失败原因

下一篇

在Hexo博客中配置Gitalk插件实现评论功能

©2025 By bajiu.