一.flutter 初始配置

本文详细介绍了Flutter SDK的安装步骤,包括设置环境变量、下载安装包、配置路径、使用Flutter Doctor检查环境、在VSCode中配置Flutter插件及热重载设置,以及在Android Studio中创建模拟器和新项目。此外,还提到了Android Studio的必备SDK工具安装和模拟器配置。
摘要由CSDN通过智能技术生成

flutter 初始配置

第一步:使用镜像

环境变量配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
第二步:下载flutter;

下载地址:https://docs.flutter.dev/development/tools/sdk/releases#windows

(若已安装git,请使用git下载)

第三步:安装flutter;
  1. 配置flutter sdk路径(尽量路径简单)
  2. 环境变量配置,于"Path"条目下追加 flutter下bin目录全路径
  3. 进入flutter安装目录,点击“flutter_console.bat”,双击执行“flutter doctor”
第四步:编辑器(Android Studio/vscode)安装
第五步:若使用vscode
  1. 打开商城,安装“flutter”插件并安装
  2. 设置热重载,打开设置,选择“扩展–dart”,找到Dart:Flutter Hot Reload On Save设置, 将默认选项manual修改为always
  3. 重启vscode
  4. 执行“ctrl+shift+p”, 点击“flutter:new project”并选择项目安装路径
  5. 项目创建成功后,打开终端,执行“flutter run”
  6. 使用热重载,终端执行r即可
  7. ps:若想看外部设备连接情况等,执行“ctrl+shift+p”,点击“run flutter doctor”
第六步:若需要模拟器,则需要Android Studio
  1. 下载地址:https://developer.android.google.cn/studio
  2. 安装完成后进入Android Studio
  3. 点击“file–settings–system settings–Android SDK–SDK Tools”,勾选以下几项
    Android SDK Build-Tools 32
    Android SDK Command-line Tools(latest)
    Android Emulator
    Android SDK Platform-Tools
    Inter x86 Emulator Accelerator(HAXM installer)【安装模拟器必须勾选,若无法下载,估计是电脑虚拟化没打开】
  4. 重启Android Studio
第七步:配置模拟器

打开“Android Studio-Tools-AVD Manager–+Create Virtual Device”,选择所需模拟器安装即可

第八步:若使用Android Studio
  1. 点击“file-new-new flutter project”,创建新项目
  2. 项目创建成功后,点击“run-run”,执行即可
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值