Flutter的安装与环境配置

一、下载安装Futter:

1、Flutter中文文档:

安装和环境配置 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

2、下载 Futter SDK:

Flutter中文文档 里面有,下载完成之后找个文件夹解压出来,最好不要将 Flutter 安装在Program Files高权限的文件夹内

3、环境变量

新建用户变量:

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

系统变量 Path中添加解压路径 例如: E:\flutter\bin

是否安装成功

flutter --version

很简单,没啥需要注意的。

二、安装Android studio

1、下载

进入安卓开发者网站:Android 开发者 | Android Developers

点击Cancel 之后选择SDK 安装

2、新建用户变量

ANDROID_HOME = Android SDK 地址

例如:D:\Android_Sdk

三、验证

1、环境是否合格:

flutter doctor

2、报错解决:

如果出现报错参考报错解决方案

参考:安装flutter时检查环境是否合格报错解决-CSDN博客文章浏览阅读27次。安装flutter时检查环境是否合格报错解决https://blog.csdn.net/weixin_44523517/article/details/135840306

四、设置虚拟机

1、创建设备

然后选择分辨率点击下一步

2、下载镜像

直接点击下载按钮,等待下载完成,下一步。

3、设置

设置名字、创作方向、硬件加速

4、启动镜像

五、安装插件

安装Flutter和Dart两个插件:

  • Flutter插件: 支持开发Flutter应用程序。
  • Dart插件: 智能编码辅助,代码补全、导航、格式化等。

安装完成后重启Android Studio后生效。

六、创建项目

1、选择新建Flutter项目

2、设置

3、启动项目

4、如果报错

Exception in thread "main" java.net.ConnectException: Connection timed out: connect

找到gradle-wrapper.properties文件中的distributionUrl 把后面的网址复制到浏览器把压缩包下载下来放入wrapper里(https后面的反斜杠'\'去掉)。

把distributionUrl 后 改成加载本地gradle包

再次运行

相关推荐
君蓦2 小时前
Flutter 本地存储与数据库的使用和优化
flutter
problc12 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
lqj_本人20 小时前
鸿蒙next选择 Flutter 开发跨平台应用的原因
flutter·华为·harmonyos
lqj_本人1 天前
Flutter&鸿蒙next 状态管理框架对比分析
flutter·华为·harmonyos
起司锅仔1 天前
Flutter启动流程(2)
flutter
hello world smile1 天前
最全的Flutter中pubspec.yaml及其yaml 语法的使用说明
android·前端·javascript·flutter·dart·yaml·pubspec.yaml
lqj_本人1 天前
Flutter 的 Widget 概述与常用 Widgets 与鸿蒙 Next 的对比
flutter·harmonyos
iFlyCai1 天前
极简实现酷炫动效:Flutter隐式动画指南第二篇之一些酷炫的隐式动画效果
flutter
lqj_本人1 天前
Flutter&鸿蒙next 中使用 MobX 进行状态管理
flutter·华为·harmonyos