使用vscode开发flutter项目环境配置

搭建Flutter环境

  • 打开链接https://docs.flutter.dev/
  • 下载前置软件(以Windows为例)
    Git
    Visual Studio Code
  • 安装并设置 Flutter
    • 启动 VS Code
    • 在 VS Code 中添加 Dart 和 Flutter 扩展
    • 用 VS Code 安装 Flutter
      • 启动 VS Code
      • 按Control + Shift + P,在在命令面板中输入 flutter
      • 选择 Flutter: New Project
      • VS Code 会提示你下载 SDK
      • 成功时,会显示通知:The Flutter SDK was added to your PATH,点击将 SDK 添加到 PATH
      • 为了确保 Flutter能使用,可重启 VS Code
      • 在终端运行 flutter doctor 来确认安装情况(比如要链接手机进行真机调试,需要安装Android Studio完成相应配置,否则VS Code无法识别到手机)
  1. VS Code 设置过程可能会检查是否有 Android Studio,如果没有安装,可能会收到警告。如果你针对其他平台(比如网页、iOS 或 macOS),可以放心忽略这个功能,因为安装依然会成功。之后,在终端运行 flutter doctor 来确认安装情况。

安装Android Studio配置

  • 安装Android Studio,务必勾选 "Android SDK" 和 "Android Virtual Device
  • 配置Android Studio
    • 安装命令行工具 (Command-line Tools):
      • 打开 Android Studio。
      • 进入 Settings (Windows) 或 Preferences (Mac) -> Languages & Frameworks -> Android SDK。
      • 点击 SDK Tools 选项卡。
      • 勾选 Android SDK Command-line Tools (latest)。
      • 点击 Apply/OK 等待安装完成。
  • 配置 Flutter 识别 SDK
    • 如果安装在默认路径,Flutter 通常会自动识别
    • 如果安装在自定义路径,请在终端运行:flutter config --android-sdk "你的SDK路径"
  • 同意 Android 协议:在终端运行:flutter doctor --android-licenses,一路输入 y 并回车同意所有协议

参考链接

相关推荐
青 春 记 忆25 分钟前
零基础入门python04:用注册校验理解字典、集合和条件判断
开发语言·vscode·python·python3.11
FungLeo38 分钟前
Flutter Web 中文字体困境与渲染器选择:CanvasKit vs HTML renderer 实战
前端·flutter·html
杉氧1 小时前
原生交互:如何在 Flutter 中嵌入 Android/iOS 原生组件并解决手势冲突
android·flutter·dart
恋猫de小郭3 小时前
Flutter iOS Deep Link 为什么会突然失效:一系列难以言喻的问题
android·前端·flutter
00后程序员张4 小时前
有没有更轻量的 iOS 开发环境?快蝎kxapp轻量化路径与构成
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
buhuizhiyuci5 小时前
【Linux 网络篇】数据的 “循环系统“:协议认识与网络传输的流程
linux·运维·服务器·网络·vscode
FungLeo16 小时前
Flutter fl_chart 0.70 破坏性 API 迁移实录:duration/getTooltipColor/withValues 全解
flutter·fl_chart
猿小猴子20 小时前
主流 Agent 之 「Zed」和 「ZCode」 介绍
ide·ai·agent·zed·zhipu·ade·zcode
FungLeo1 天前
Flutter 吸顶分组列表实战:语义桶分组 + 点击头平滑滚动
android·flutter
FungLeo1 天前
Flutter 超长 StatefulWidget 拆分术:part of + extension on State 实战
android·flutter·dart