Flutter:修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第67行: | 第67行: | ||
==快速入门== | ==快速入门== | ||
===新建flutter项目=== | |||
方法一:在 VS Code 中创建,Ctrl + Shift + P ,在命令面板中输入 flutter,找到并选择 Flutter: New Project,在弹出的选项中选择 Application(创建一个标准 Flutter 应用) | |||
方法二:在终端/命令行中创建。 | |||
<syntaxhighlight lang="bash"> | |||
# 以 projects 文件夹为例 | |||
cd ~/projects | |||
# 当前目录下创建一个名为 my_app 的文件夹 | |||
# 并生成完整的项目代码 | |||
flutter create my_app | |||
# 创建最小化项目(空的 main.dart) | |||
flutter create --empty my_app | |||
# 指定支持的平台 | |||
flutter create --platforms=android,ios,web my_app | |||
</syntaxhighlight > | |||
https://docs.flutter.dev/reference/create-new-app | |||
===项目结构速览=== | |||
<syntaxhighlight lang="text"> | |||
my_app/ | |||
├── android/ # Android 原生代码 | |||
├── ios/ # iOS 原生代码 | |||
├── lib/ # 📁 你的 Dart 代码(主要工作区域) | |||
│ └── main.dart # 入口文件 | |||
├── test/ # 单元测试代码 | |||
├── pubspec.yaml # 项目配置文件(依赖、资源等) | |||
└── ... # 其他配置文件 | |||
</syntaxhighlight > | |||
===运行项目=== | |||
项目创建成功后,在项目目录下执行,然后选择你要运行的设备(模拟器或真机): | |||
flutter run | |||
或者在scode中点击my_app/lib/main.dart文件,然后点击右上角运行按钮。 | |||
==资源== | ==资源== | ||
2026年5月8日 (五) 06:08的最新版本
Flutter 是一个Google开源的跨平台软件开发工具,支持开发Android、 iOS 、 web、 Windows、 macOS 和 Linux 等应用。
简介
时间轴
安装
Window上安装
- 1.下载Flutter SDK最新的Stable版本: https://docs.flutter.dev/release/archive?tab=windows
- 2.解压缩到某个位置,如D:\flutter。
- 3.添加到flutter\bin到环境变量path中。搜索框输入env进入设置。
- 4.国内配置镜像源
- 5运行
flutter doctor检查环境。
了解更多 >> Flutter 文档:Windows 安装 Flutter
国内配置镜像源
Window配置:
搜索框输入env,点击编辑系统环境变量,将PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL 和其值添加到用户变量中。
Linux配置:
# 临时配置
export FLUTTER_STORAGE_BASE_URL="https://mirrors.tuna.tsinghua.edu.cn/flutter"
export PUB_HOSTED_URL="https://mirrors.tuna.tsinghua.edu.cn/dart-pub"
# 长期配置
echo 'export FLUTTER_STORAGE_BASE_URL="https://mirrors.tuna.tsinghua.edu.cn/flutter"' >> ~/.bashrc
echo 'export PUB_HOSTED_URL="https://mirrors.tuna.tsinghua.edu.cn/dart-pub"' >> ~/.bashrc
安装后续
安装完成后,可以查看版本:
# 查看dart语言版本
dart --version
# 查看flutter版本,卡住通常是因为网络问题
flutter --version
# 禁用 Google Analytics(可选)
flutter --disable-analytics
# 运行 Flutter Doctor 检查环境
# Android SDK 是否安装
# Chrome/Edge 是否可用
# CMake、ninja等依赖项目
flutter doctor
Android SDK,地址:https://developer.android.com/tools?hl=zh-cn。Android SDK包含了多个包, 可以使用 sdkmanager 命令行工具来安装和更新每个软件包。sdkmanager在cmdline-tools包括中。
- 安装 cmdline-tools,参考:https://developer.android.com/tools/sdkmanager?hl=zh-cn。 在 https://developer.android.com/studio?hl=zh-cn#command-line-tools-only 页面下方找到对应平台,如https://dl.google.com/android/repository/commandlinetools-linux-14742923_latest.zip。
- 安装最新版SDK工具,如API 级别 36 的 SDK 工具: sdkmanager "platform-tools" "platforms;android-36"
快速入门
新建flutter项目
方法一:在 VS Code 中创建,Ctrl + Shift + P ,在命令面板中输入 flutter,找到并选择 Flutter: New Project,在弹出的选项中选择 Application(创建一个标准 Flutter 应用)
方法二:在终端/命令行中创建。
# 以 projects 文件夹为例
cd ~/projects
# 当前目录下创建一个名为 my_app 的文件夹
# 并生成完整的项目代码
flutter create my_app
# 创建最小化项目(空的 main.dart)
flutter create --empty my_app
# 指定支持的平台
flutter create --platforms=android,ios,web my_app
https://docs.flutter.dev/reference/create-new-app
项目结构速览
my_app/
├── android/ # Android 原生代码
├── ios/ # iOS 原生代码
├── lib/ # 📁 你的 Dart 代码(主要工作区域)
│ └── main.dart # 入口文件
├── test/ # 单元测试代码
├── pubspec.yaml # 项目配置文件(依赖、资源等)
└── ... # 其他配置文件
运行项目
项目创建成功后,在项目目录下执行,然后选择你要运行的设备(模拟器或真机):
flutter run
或者在scode中点击my_app/lib/main.dart文件,然后点击右上角运行按钮。
资源
官网
- Flutter 官网: https://flutter.dev
- Flutter 源代码:https://github.com/flutter/flutter
- Flutter 示例:https://flutter.github.io/samples
- Material 3 :https://m3.material.io
网站
- Flutter 文档中文版:https://flutter.cn
- 《Flutter实战·第二版》: https://book.flutterchina.club
- liujunmin.com 博客分类:https://liujunmin.com/categories/