Flutter 学习笔记 (一)安装及运行

目录

  • 获取
    • 获取Git
    • 获取Flutter SDK
    • 获取 Android Studio
    • 安卓模拟器(在不用手机实测时使用)
  • 新建项目并运行
  • 出现的问题
    • plugins 不显示
    • 卡在 `Running Gradle task 'assembleDebug'`
    • 手机实测时安装App失败

获取

  • 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
在这里插入图片描述
点击运行即可
Flutter 学习笔记 (一)安装及运行_第1张图片

出现的问题

plugins 不显示

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

卡在 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

你可能感兴趣的:(Flutter)