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 等工具的使用可以显著简化发布流程,让开发者更专注于应用开发本身。

相关推荐
-qOVOp-1 小时前
408第三季part2 - 计算机网络 - ip分布首部格式与分片
网络协议·tcp/ip·计算机网络
Whoisshutiao1 小时前
网安-XSS-pikachu
前端·安全·网络安全
数通Dinner1 小时前
RSTP 拓扑收敛机制
网络·网络协议·tcp/ip·算法·信息与通信
tan77º3 小时前
【Linux网络编程】Socket - UDP
linux·服务器·网络·c++·udp
G等你下课6 小时前
AJAX请求跨域问题
前端·javascript·http
qq_171538858 小时前
TCP/IP协议精解:IP协议——互联网世界的邮政编码系统
网络·网络协议·tcp/ip
珹洺8 小时前
计算机网络:(七)网络层(上)网络层中重要的概念与网际协议 IP
网络·tcp/ip·计算机网络
兮动人8 小时前
获取终端外网IP地址
java·网络·网络协议·tcp/ip·获取终端外网ip地址
用户8762191062459 小时前
【计算机网络】HTTP 版本
http
拾光拾趣录9 小时前
无状态协议下的用户状态管理:Web应用如何保持用户登录态
前端·http·https