Android UI框架flutter的安装与使用|Zam9036博客

适用平台

Windows

Flutter介绍

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

Flutter安装

下载flutter

访问flutter官网，下载flutter。flutter集成了Dart，因此不需要单独安装dart-sdk。

flutter有四个版本

• Stable channel //稳定版。最近一年中最稳定的Beta版本。
• Beta channel //测试版。每隔一段时间都会选择近个月中最好的Bev版本作为Beta版。
• Dev channel //经过测试的最新版，但仍可能包含很多问题。
• Master channel //未经过测试的最新版。

我选择的是最新的Stable channel（v1.12.13+hotfix.7）。为避免不必要的麻烦，请不要选择C盘作为下载目录，否则可能遇到权限问题。

更新环境变量

flutter下载完成后，解压到存放SDK的目录。

注意：目标SDK路径仅能包含英文和数字，不能包含中文和空格！

解压完成后，返回桌面，右击我的电脑 -> 属性 -> 高级系统设置 -> 环境变量 -> 系统环境变量，编辑Path，添加目标SDK的路径至Path内（我的路径是G:\flutter\bin）

同时还需要添加以下系统环境变量

变量名：PUB_HOSTED_URL
变量值：https://pub.flutter-io.cn

变量名：FLUTTER_STORAGE_BASE_URL
变量值：https://storage.flutter-io.cn

所有环境变量添加完成后重启电脑！

flutter doctor检测安装

打开cmd，输入flutter指令，如看到下图的flutter相关指令，说明安装成功。

输入flutter doctor指令，检测安装情况，最左边打红叉的是必须要解决的，橙色感叹号是Warning，绿色说明正确。

添加SDK路径至环境变量

添加SDK路径至环境变量（我的SDK路径是G:\AndroidSDK\platform-tools）

安装Android Studio Plugin

首先你需要有Android Studio（Android Studio安装详见Android学习笔记(一)）

打开Android Studio，File -> Setting -> Plugins -> Browse repositories，搜索flutter。

就是这个，点击安装

点击Yes，会自动帮你安装dart-sdk

安装完成后需要重启Android Studio，然后可以看到安装的dart-sdk和flutter。

使用flutter

点开Android Studio的 File -> New 可以看到 New Flutter Project

选择喜欢的模板，开始flutter之旅吧！

部分flutter指令

升级flutter

打开cmd，定位到根目录，输入如下指令升级

flutter upgrade

切换flutter版本

指令如下：

flutter channel [目标版本]

如flutter channel dev

原创声明

文章作者：Zam9036

参考资料：https://blog.csdn.net/fyyyr/article/details/86593125

文章链接：https://zam9036.gitee.io/2020/01/29/25-Android-UI-framework-flutter-installation-and-use

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请保留文章链接并注明来自Zam9036的博客！