Flutter在AndroidStudio上的安装与配置(Windows)

  • Post author:
  • Post category:其他


纯新人,请多指教



Flutter在AndroidStudio上的安装与配置(Windows)

这里是文章介绍。

前提是已经安装配置好了AndroidStudio。

笔者的电脑系统是Windows10,相信大家的现在配置都已经足够,就不赘述安装Flutter的配置要求了。

本文主要参考

Flutter官网安装教程

,文中如有错误也最好去官网看看一下正确操作步骤。



Step1、添加临时镜像

国内访问Flutter的官网可能会有些慢,因此可以向系统或用户环境变量中添加以下两个变量:

PUB_HOSTED_URL(变量名) = https://pub.flutter-io.cn(变量值)

FLUTTER_STORAGE_BASE_URL(变量名) = https://storage.flutter-io.cn(变量值)

添加方式:右键单击“此电脑”->“属性”->“高级系统设置”->“环境变量”->“(##的用户变量/系统变量,二者都可以)新建”,记得确定保存并退出。↓

在这里插入图片描述



Step2、获取FlutterSDK

1、前往Flutter官网下载安装包:

Flutter官网

;或者使用Git的方式安装,前提是你已经下载安装了Git

Git for Windows下载地址



(官网内Stable channel是稳定版,Beta和Dev版是更新快但可能存在bug的,我们下载Stable里的最新版即可)

2、将安装包.zip解压到你想安装Flutter SDK的路径。

如:D:\Flutter,最好是全英文;注意,不要将它安装到需要一些高权限的路径,如C:\Program Files\。

3、在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来就可以在这个Flutter命令行中运行各种flutter命令了(如下图)。↓

我的安装目录是F盘



Step3、更新环境变量

要在你的终端运行 flutter 命令, 需要添加一些环境变量到系统Path:

同Step1中转到环境变量的添加界面,在“##的用户变量/系统变量”下检查是否有名为“Path”的条目:

如果该条目存在, 则在后面追加你所解压安装的flutter\bin的(如我的是F:\flutter\bin)全路径。

双击Path打开后选择“新建”直接添加,或者双击打开Path后选择“编辑文本”,注意选择”编辑文本“的话要使用 “;” 作为分隔符和结尾(可能因为系统不一样有一点点区别


如果条目不存在, 创建一个新用户变量 Path ,然后操作同上。

在这里插入图片描述

重启Windows以应用此环境变量的更改。



Step4、运行Flutter Doctor

Flutter所需的Dart SDK已经在捆绑在Flutter里了,因此没有必要单独安装Dart SDK。

打开一个命令提示符窗口,

Win键+R键打开,然后输入“cmd”


并输入↓

flutter doctor

仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。如果一切正常的话你会看到如下界面,总之

一列绿

✅就对了(图中红色项表示有一台手机可用,暂时可以不用管这一项是否为✅)↓
在这里插入图片描述

第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译,所以可能会比较慢,要耐心等待。以后再运行就会快得多。

一旦你安装了任何缺失的依赖,都可以再次运行flutter doctor命令来验证你是否已经正确地设置了。



Step5、在AndoidStudio上安装插件

首先需要你的AndroidStudio需要升级至3.0版本及以上。

1、启动Android Studio;

2、打开插件首选项 File>Settings>Plugins> 搜索“Flutter”和“Dart”并安装(不同版本的AndroidStudio界面有些许不同,下图为3.6版本);↓

在这里插入图片描述

3、重启Android Studio后插件才会生效。



Step6、HelloWorld!(并不是)

创建新应用:

选择 File>New Flutter Project;

选择 Flutter application 作为 project 类型, 然后点击 Next,输入项目名称 (如 testapp), 然后点击 Next,点击 Finish,等待Android Studio安装SDK并创建项目(项目创建完成后是一个使用Material 组件的简单演示应用程序)。

和创建Android应用是一样的操作,只不过变成了Flutter相关的。

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

要使这个应用运行,你需要创建一个虚拟机(不推荐),或者连接真机、打开开发人员选项、打开USB调试、允许此电脑调试,然后点击下图中的绿色运行按钮,你就就能在你的Android手机上看到一个Flutter应用了。↓

在这里插入图片描述

热重载按钮 (带有闪电⚡️图标的按钮)只能在点击运行按钮之后点击,它可以使你的Flutter应用在不重新安装启动的条件下展示出你修改代码后的效果,主要是修改页面。有时候还是点击重新运行一下更好。

第一次写这玩意儿,共勉!



版权声明:本文为qq_44952663原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。