Flutter基础开发

news2024/11/19 15:40:16

参考:http://bbs.itying.com/topic/5cdb83b7fac8b00944a7a0c3
参考:https://www.bilibili.com/video/BV1S4411E7LY?p=34&spm_id_from=pageDriver
1.使用镜像
由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

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

下载:flutter 的sdk

2.获取flutter sdk https://flutter.dev/docs/development/tools/sdk/releases
参考:https://book.flutterchina.club/chapter1/install_flutter.html#_1-3-1-%E5%AE%89%E8%A3%85flutter

参考:https://www.cnblogs.com/niceyoo/p/9240359.html

3.配置环境变量

4.cmd 中测试是否安装好

flutter doctor

问题.Android Studio 创建flutter 项目报错

Could not find an option named "target-platform"

版本不兼容最新的 Android Studio 匹配最新的 flutter 匹配最新的 dart

启动Android Studio。

打开插件首选项 (macOS：Preferences>Plugins, Windows：File>Settings>Plugins)。

选择 Browse repositories…，选择 flutter 插件并点击 install。

重启Android Studio后插件生效。

接下来，让我们用Android Studio创建一个Flutter项目，然后运行它，并体验“热重载”。

选择 File>New Flutter Project 。

选择 Flutter application 作为 project 类型, 然后点击 Next。

输入项目名称 (如 myapp)，然后点击 Next。

点击 Finish。

等待Android Studio安装SDK并创建项目。

上述命令创建一个Flutter项目，项目名为myapp，其中包含一个使用Material 组件 (opens new window)的简单演示应用程序。

在项目目录中，您应用程序的代码位于 lib/main.dart

在这里插入图片描述

vscode 创建flutter 项目

启动 VS Code。
调用 View>Command Palette…。
输入 ‘install’, 然后选择 Extensions: Install Extension action。
在搜索框输入 flutter ，在搜索结果列表中选择 ‘Flutter’, 然后点击 Install。
选择 ‘OK’ 重新启动 VS Code。

验证配置
调用 View>Command Palette…
输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action。
查看“OUTPUT”窗口中的输出是否有问题

#创建Flutter应用
启动 VS Code
调用 View>Command Palette…
输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
输入 Project 名称 (如myapp), 然后按回车键
指定放置项目的位置，然后按蓝色的确定按钮
等待项目创建继续，并显示main.dart文件
#体验热重载

3命令行创建项目

flutter create ssapp

vscode 连接设备

nox_adb.exe connect 127.0.0.1:62001 .

连接Android模拟器
要准备在Android模拟器上运行并测试Flutter应用，请按照以下步骤操作：

启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.

选择一个设备并选择 Next。

为要模拟的Android版本选择一个或多个系统印象，然后选择 Next. 建议使用 x86 或 x86_64 image .

在 “Emulated Performance”下, 选择 Hardware - GLES 2.0 以启用硬件加速 (opens new window).

验证AVD配置是否正确，然后选择 Finish。

有关上述步骤的详细信息，请参阅 Managing AVDs (opens new window).

在“Android Virtual Device Manager”中，点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面。

运行 flutter run 启动您的设备。连接的设备名是 Android SDK built for ，其中 platform 是芯片系列，如 x86。

 flutter run –target=     默认入口 lib/main.dart

vs-code 快捷键

R 键重新启动
r 键热重载
q 退出
p 显示网格
P 显示帧率
o 切换Android与iOS的预览模式


r : 热加载；
R : 热重启；
h : 获取帮助；
d : 断开连接
c : 清屏 终端的屏幕
q : 退出 终端也会结束 flutter 结束

连接Android真机设备
要准备在Android设备上运行并测试Flutter应用，需要Android 4.1（API level 16）或更高版本的Android设备.

在Android设备上启用 开发人员选项 和 USB调试 。详细说明可在Android文档 (opens new window)中找到。
使用USB将手机插入电脑。如果设备出现调试授权提示，请授权你的电脑可以访问该设备。
在命令行运行 flutter devices 命令以验证Flutter识别您连接的Android设备。
运行启动你应用程序 flutter run。

默认情况下，Flutter使用的Android SDK版本是基于你的 adb 工具版本。如果想让Flutter使用不同版本的Android SDK，则必须将该 ANDROID_HOME 环境变量设置为相应的SDK安装目录。

学习dart 基本知识
dart:https://www.dartcn.com/guides/language/language-tour

vscode 插件
flutter 的插件
在这里插入图片描述
flutter 提示