news 2026/5/13 14:22:02

Flutter 安装配置

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Flutter 安装配置

文章目录

    • 参考网址
    • 安装
      • 配置
      • 运行 flutter doctor
      • 安装必要的依赖
    • Flutter镜像源设置
    • 永久设置(推荐)
      • Windows 系统
      • macOS/Linux 系统
    • 常用国内镜像源
    • 检查镜像是否生效
    • 其他优化建议
    • 恢复默认源
    • 常用命令
      • 项目相关
      • 构建相关
      • 包管理
      • 开发工具
      • 测试相关
      • 设备与模拟器
      • 升级与维护
      • 插件与包
      • 国际化
      • 性能分析
      • 其他实用命令
    • 常见问题解决
      • 权限问题(macOS/Linux)
      • 网络问题(中国用户)
      • 清除缓存
    • 推荐配置
      • VS Code 扩展
      • Android Studio 插件
    • kDebugMode
    • 自动判断逻辑
    • 使用示例
      • 基本使用

参考网址

  • Flutter 官方文档
  • Flutter 官方中文文档
  • Flutter 官方中文社区
  • 官方仓库

安装

可以参考官网上的 手动安装 Flutter

配置

# 编辑 ~/.bashrc 或 ~/.zshrcexportPATH="$HOME/flutter/bin:$PATH"# 立即生效source~/.zshrc# 或 source ~/.bashrc

运行 flutter doctor

flutter doctor

这会检查并显示需要安装的依赖项。

安装必要的依赖

根据flutter doctor提示安装:

  • Android Studio(Android 开发)
  • Xcode(iOS 开发,仅 macOS)
  • VS Code 或 Android Studio IDE

Flutter镜像源设置

因国内访问https://pub.dev/网络不是很稳定,所以还是要设置一下镜像源比较好

永久设置(推荐)

Windows 系统

  • 在环境变量中添加:
PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

macOS/Linux 系统

编辑~/.bashrc~/.zshrc或相应shell配置文件:

# Flutter镜像源exportPUB_HOSTED_URL=https://pub.flutter-io.cnexportFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

然后执行:

source~/.zshrc# 或 source ~/.bashrc

常用国内镜像源

Flutter 社区在中国大陆维护的官方镜像源(推荐),网站也可以访问,与pub.dev官网页面都是一样的:

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

清华大学镜像源:

PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pubFLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter

上海交大镜像源:

PUB_HOSTED_URL=https://mirror.sjtu.edu.cn/dart-pubFLUTTER_STORAGE_BASE_URL=https://mirror.sjtu.edu.cn/flutter

腾讯云镜像源:

PUB_HOSTED_URL=https://mirrors.cloud.tencent.com/dart-pubFLUTTER_STORAGE_BASE_URL=https://mirrors.cloud.tencent.com/flutter

检查镜像是否生效

# 查看环境变量echo$PUB_HOSTED_URLecho$FLUTTER_STORAGE_BASE_URL# 测试下载速度flutter pub get --verbose

其他优化建议

  • 使用 VPN 访问国际网络
  • 清理缓存:flutter pub cache clean
  • 禁用 IPv6(如果网络支持不好)

恢复默认源

# 删除或注释环境变量中的设置# 或者临时使用:unsetPUB_HOSTED_URLunsetFLUTTER_STORAGE_BASE_URL

常用命令

项目相关

# 创建新项目flutter create 项目名称# 运行项目flutter run# 指定设备运行flutter run -d<device_id>flutter run -d chrome# 运行在 Chromeflutter run -d android# 运行在 Android 设备flutter run -d ios# 运行在 iOS 设备# 列出所有连接的设备flutter devices

构建相关

# 调试构建flutter build apk --debug flutter build ios --debug# 发布构建flutter build apk --release flutter build ios --release flutter build appbundle# Android App Bundleflutter build ipa# iOS IPA 文件flutter build web# Web 应用

包管理

# 获取 packagesflutter pub get# 升级 packagesflutter pub upgrade# 添加依赖flutter pubaddpackage_name# 清理并重新获取flutter clean&&flutter pub get

开发工具

# 热重载(运行中按 r)# 热重启(运行中按 R)# 分析代码flutter analyze# 格式化代码flutterformat.# 修复 dart 代码格式dart fix --apply

测试相关

# 运行所有测试fluttertest# 运行特定测试文件fluttertesttest/文件名_test.dart# 运行测试并生成覆盖率报告fluttertest--coverage

设备与模拟器

# 启动安卓模拟器flutter emulators --launch<emulator_id># 列出可用模拟器flutter emulators# 创建新的安卓模拟器flutter emulators --create[--name xyz]# 擦除模拟器数据flutter emulators --wipe-data

升级与维护

# 升级 Flutterflutter upgrade# 切换 Flutter 渠道flutter channel stable# 稳定版flutter channel beta# 测试版flutter channel dev# 开发版flutter channel master# 主分支# 查看当前渠道flutter channel# 清理构建缓存flutter clean

插件与包

# 生成插件模板flutter create --template=plugin 插件名称# 生成包模板flutter create --template=package 包名称# 发布包到 pub.devflutter pub publish

国际化

# 生成国际化文件flutter gen-l10n# 提取要翻译的字符串flutter pub run intl_translation:extract_to_arb --output-dir=lib/l10n lib/localization.dart

性能分析

# 性能追踪flutter run --profile# 调试模式运行flutter run --debug# 显示性能叠加层flutter run --show-performance-overlay

其他实用命令

# 查看 Flutter 信息flutter --version flutter config --list# 显示帮助flutterhelpflutter<command>--help# 修复常见问题flutter doctor -v# 查看详细诊断信息flutter doctor --android-licenses# 接受 Android 许可证

常见问题解决

权限问题(macOS/Linux)

sudochmod-R755flutter/

网络问题(中国用户)

# 设置环境变量exportPUB_HOSTED_URL=https://pub.flutter-io.cnexportFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn# Windows PowerShell$env:PUB_HOSTED_URL="https://pub.flutter-io.cn"$env:FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"

清除缓存

flutter precache

推荐配置

VS Code 扩展

  • Dart
  • Flutter
  • Awesome Flutter Snippets
  • Flutter Tree
  • Pubspec Assist

Android Studio 插件

  • Flutter
  • Dart

kDebugMode

kDebugMode是 Flutter 内置的常量,不需要手动配置。它由 Flutter 框架根据编译模式自动设置。

它定义在foundation.dart中:

import'package:flutter/foundation.dart';

自动判断逻辑

Flutter 根据运行模式自动设置kDebugMode的值:

运行模式kDebugMode说明
flutter runtrue调试模式
flutter run --releasefalse发布模式
flutter run --profilefalse性能分析模式
flutter build apk/iosfalse生产构建

使用示例

基本使用

import'package:flutter/foundation.dart';MaterialApp(debugShowCheckedModeBanner:kDebugMode,// 只在调试模式显示debug标签home:MyHomePage(),)

调试模式会有一个DEBUG 条带的标识

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/13 8:11:09

深求·墨鉴保姆级教程:从图片到Markdown的极简OCR操作指南

深求墨鉴保姆级教程&#xff1a;从图片到Markdown的极简OCR操作指南 1. 为什么你需要一个“会写字”的OCR工具&#xff1f; 你有没有过这样的时刻&#xff1a; 手里攥着一页会议白板照片&#xff0c;想快速整理成纪要&#xff0c;却对着模糊的字迹反复放大、截图、打字&…

作者头像 李华
网站建设 2026/5/10 10:41:51

数字资产管控新范式:DownKyi重构视频资源管理全流程

数字资产管控新范式&#xff1a;DownKyi重构视频资源管理全流程 【免费下载链接】downkyi 哔哩下载姬downkyi&#xff0c;哔哩哔哩网站视频下载工具&#xff0c;支持批量下载&#xff0c;支持8K、HDR、杜比视界&#xff0c;提供工具箱&#xff08;音视频提取、去水印等&#xf…

作者头像 李华
网站建设 2026/5/10 10:28:08

Visio流程图结合RMBG-2.0:专业图表制作技巧

Visio流程图结合RMBG-2.0&#xff1a;专业图表制作技巧 1. 为什么Visio图表总显得不够“专业” 做技术方案汇报、产品设计说明或者系统架构展示时&#xff0c;你是不是也遇到过这样的情况&#xff1a;花了一下午精心排版的Visio流程图&#xff0c;一放到PPT里就显得单薄&…

作者头像 李华
网站建设 2026/5/11 7:42:41

Arduino循迹小车在复杂轨迹下的表现:系统分析与优化

Arduino循迹小车在真实世界里“不迷路”的秘密&#xff1a;从抖动脱轨到稳如老司机 你有没有试过让Arduino循迹小车跑一段带十字路口、几处断线、还有个急弯的赛道&#xff1f; 一开始信心满满——接上线、烧进代码、按下启动键…… 结果&#xff1a; - 在交叉口原地打转三圈…

作者头像 李华
网站建设 2026/5/10 9:19:29

Face3D.ai Pro环境配置:CUDA 12.1+cuDNN 8.9+PyTorch 2.5兼容方案

Face3D.ai Pro环境配置&#xff1a;CUDA 12.1cuDNN 8.9PyTorch 2.5兼容方案 1. 为什么这套组合特别重要 Face3D.ai Pro 不是普通的人脸重建工具&#xff0c;它对底层计算环境有明确而严苛的要求。你可能已经试过直接 pip install torch&#xff0c;结果发现模型加载失败、GPU…

作者头像 李华
网站建设 2026/5/9 14:27:11

3步搞定Windows右键菜单优化方案:效率工具ContextMenuManager全指南

3步搞定Windows右键菜单优化方案&#xff1a;效率工具ContextMenuManager全指南 【免费下载链接】ContextMenuManager &#x1f5b1;️ 纯粹的Windows右键菜单管理程序 项目地址: https://gitcode.com/gh_mirrors/co/ContextMenuManager 你是否曾遇到右键菜单被各类软件…

作者头像 李华