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

相关推荐
Bruce_Liuxiaowei2 小时前
解决Kali虚拟机中VMnet1(仅主机模式)网卡无法获取IP地址的问题
运维·网络·网络协议·tcp/ip
寒月霜华3 小时前
JaveWeb后端-Web基础-SpringBoot Web、HTTP协议
前端·spring boot·http
emma羊羊3 小时前
【业务逻辑漏洞】认证漏洞
mysql·网络安全·靶场·业务逻辑漏洞
雪碧聊技术3 小时前
HTTP 核心知识点速查表
网络·网络协议·http
Forfun_tt4 小时前
xss-labs pass-07
网络安全·xss
拥友LikT4 小时前
计算机网络基础篇——网络安全
计算机网络·网络安全
说私域5 小时前
开源AI大模型、AI智能名片与S2B2C商城系统:个体IP打造与价值赋能的新范式
人工智能·tcp/ip·开源
2501_915106325 小时前
HTTPS 爬虫实战指南 从握手原理到反爬应对与流量抓包分析
爬虫·网络协议·ios·小程序·https·uni-app·iphone
北京耐用通信5 小时前
打破协议壁垒:耐达讯自动化Modbus转Profinet网关实现光伏逆变器全数据采集
运维·人工智能·物联网·网络安全·自动化·信息与通信
Whoami!5 小时前
⸢ 捌-Ⅱ⸥⤳ 可信纵深防御应用实践:软件供应链、数据滥用、安全加固
网络安全·信息安全·安全实践·纵深防御