Flutter 学习笔记（一）安装及运行

最新推荐文章于 2024-07-27 14:19:13 发布

Spy97

最新推荐文章于 2024-07-27 14:19:13 发布

阅读量538

点赞数 1

分类专栏： Flutter 文章标签： Flutter

本文链接：https://blog.csdn.net/nudt_spy/article/details/107443602

版权

Flutter 专栏收录该内容

20 篇文章 3 订阅

订阅专栏

获取

Git for Windows
Flutter SDK
Android Studio
安卓模拟器

获取Git

下载地址
正常安装即可

获取Flutter SDK

下载地址
将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\）

在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，就可以在Flutter命令行运行flutter命令了。

要在终端运行 flutter 命令，需要将...flutter\bin 地址添加到环境变量
运行 flutter doctor 命令可以看到环境还缺少的组件，完全安装后如下图所示
在这里插入图片描述

获取 Android Studio

下载地址
正常安装

连接手机到电脑
打开 开发人员选项和 USB调试
flutter devices 命令识别设备
运行 flutter doctor --android-licenses 命令，同意协议之后才能连接成功（需要输入多个“y+回车”）

安卓模拟器（在不用手机实测时使用）

启动 Android Studio>Tools>Android>AVD Manager 并选择Create Virtual Device
选择手机型号和系统正常操作即可

新建项目并运行

选择 File>New Flutter Project
选择Flutter application 作为project类型, 然后点击 Next
输入项目名称 (如 myapp), 然后点击 Next
点击 Finish
如果长时间卡在新建项目，是因为网络原因需要下载的东西超时，可以强行关闭再打开
打开操作为选择到 myapp 文件夹即可
另一种方式为，新建项目时选择 offline
在这里插入图片描述
主程序为 .\lib\main.dart

点击运行即可

出现的问题

plugins 不显示

链接: https://pan.baidu.com/s/1rGj7sSYTnHSN5gnAApilRQ
提取码: hbbn
将该文件解压替换到C:\Users\<用户名>\.AndroidStudio4.0\config\plugins
然后分别搜索安装 Dart 和 Flutter 两个插件

卡在 `Running Gradle task 'assembleDebug'`

打开...\flutter\packages\flutter_tools\gradle下的flutter.gradle
修改为

private static final String MAVEN_REPO      = "https://mirrors.tuna.tsinghua.edu.cn/flutter/download.flutter.io";

如图所示
在这里插入图片描述

手机实测时安装App失败

Redmi K20

开发者选项
USB调试
通过USB安装App