Flutter 环境搭建、常用指令、开发细节

一、环境搭建

  • Flutter 插件和包管理平台:pub.dev
  • Flutter 环境安装,官方中文文档,按着官方的来就够了,没啥难度。安卓模拟器可以使用 Android Studio 自带的也可以第三方的,例如:Genymotion
  • 配置环境变量,能全局使用 flutter 指令:

Mac 环境配置

找到存放 Flutter 的文件夹里面的 bin 目录,复制全地址,添加到环境配置文件即可:

sh 复制代码
$ open ~/.zshrc   # 如果使用的是 Zsh
$ open ~/.bash_profile  # 如果使用的是 Bash

填入环境配置文件内容:

sh 复制代码
export PATH="$PATH:/Users/dengzemiao/Desktop/Project/flutter/Flutter/flutter/bin"
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

填入内容后,保存执行命令使配置生效:

sh 复制代码
$ source ~/.zshrc   # 如果使用的是 Zsh
$ source ~/.bash_profile  # 如果使用的是 Bash

Windows 环境配置

  1. 打开环境变量设置

    • 按下 Win + S 键,搜索并打开 环境变量
    • 在弹出的 系统属性 窗口中,点击 环境变量
  2. 添加 FlutterPATH

    • 系统变量 下,找到并选择 Path ,点击 编辑
    • 点击 新建 ,添加 Flutterbin 目录路径,例如:C:\flutter\bin
  3. 点击 确定 保存

二、常用命令

公共命令

sh 复制代码
# 列出 Flutter 支持的工具链
$ flutter --version

# 检查 Flutter 安装环境
$ flutter doctor

# 创建项目
$ flutter create project_name

# 创建项目并初始化包名
$ flutter create --org com.example project_name

# 设备列表
$ flutter devices

# 运行并选择设备
$ flutter run

# 运行到指定设备
$ flutter run -d <device_id>

# 清理构建缓存
$ flutter clean

# 安装依赖包
$ flutter pub get

# 移除指定依赖包
$ flutter pub remove http

# 升级依赖包
$ flutter pub upgrade

Android 打包

sh 复制代码
# 构建 APK 文件
$ flutter build apk

# 打包调试版
$ flutter build apk --debug

# 打包发布版
$ flutter build apk --release

# 生成分层 APK
$ flutter build apk --split-per-abi

iOS 打包

对于 iOS 开发者,可以使用 appuploader 工具来简化打包和上传流程:

sh 复制代码
# 构建 iOS 应用
$ flutter build ios --release

# 使用 appuploader 上传到 App Store
$ appuploader -f build/ios/Release-iphoneos/Runner.app -u your_apple_id -p your_password

三、创建项目

  • 使用 VSCode 创建项目:

    • 方式1:使用 Command + Shift + PCtrl + Shift + P,在弹出面板中输入 Flutter 选择 New Project 创建项目
    • 方式2:使用 $ flutter create project_name 创建项目
  • 项目结构:

    my_flutter_project/
    ├── android/
    ├── ios/
    ├── lib/
    ├── assets/
    ├── test/
    └── pubspec.yaml

四、插件依赖管理

添加插件

sh 复制代码
# 添加最新版本
$ flutter pub add http

# 添加指定版本
$ flutter pub add http:1.0.0

在代码中使用插件

dart 复制代码
import 'package:http/http.dart' as http;

五、打包发布

iOS 打包注意事项

  1. 确保 Xcode 项目配置正确
  2. 使用 appuploader 可以简化证书管理和上传流程
  3. 测试版可以使用 TestFlight 进行分发

Android 打包注意事项

  1. 配置签名文件
  2. 优化应用图标和启动图
  3. 使用 Google Play Console 发布应用

六、开发工具推荐

  • appuploader:一款专业的 iOS 应用打包和上传工具,可以简化证书管理、打包和上传 App Store 的流程
  • Android Studio:官方推荐的 Android 开发工具
  • VS Code:轻量级代码编辑器,适合 Flutter 开发

七、调试技巧

  • 热重载:按 r
  • 热重启:按 R
  • 查看日志:使用 logger
dart 复制代码
import 'package:logger/logger.dart';
final Logger logger = Logger();

logger.i("Info log");
logger.e("Error log");

通过合理使用这些工具和技巧,可以大大提高 Flutter 开发效率。appuploader 等工具的使用可以显著简化发布流程,让开发者更专注于应用开发本身。

相关推荐
网络抓包与爬虫3 分钟前
Wireshark——抓包分析
websocket·网络协议·tcp/ip·http·网络安全·https·udp
暴走的YH23 分钟前
【网络协议】三次握手与四次挥手
网络·网络协议
仙女很美哦1 小时前
Flutter视频播放、Flutter VideoPlayer 视频播放组件精要
websocket·网络协议·tcp/ip·http·网络安全·https·udp
路由侠内网穿透2 小时前
本地部署开源流处理框架 Apache Flink 并实现外部访问
大数据·网络协议·tcp/ip·flink·服务发现·apache·consul
Amos_ FAT2 小时前
关于串口协议的一点知识
经验分享·网络协议
小吃饱了2 小时前
TCP可靠性传输
网络·网络协议·tcp/ip
CYRUS STUDIO2 小时前
Unidbg Trace 反 OLLVM 控制流平坦化(fla)
android·汇编·算法·网络安全·逆向·ollvm
q567315232 小时前
使用puppeteer库编写的爬虫程序
爬虫·python·网络协议·http
写代码的小王吧3 小时前
【Java可执行命令】(十)JAR文件签名工具 jarsigner:通过数字签名及验证保证代码信任与安全,深入解析 Java的 jarsigner命令~
java·开发语言·网络·安全·web安全·网络安全·jar