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包

再次运行

相关推荐
Jinkey1 小时前
FlutterBasic - GetBuilder、Obx、GetX<Controller>、GetxController 有啥区别
android·flutter·ios
Summer不秃6 小时前
Flutter之使用mqtt进行连接和信息传输的使用案例
前端·flutter
旭日猎鹰6 小时前
Flutter踩坑记录(二)-- GestureDetector+Expanded点击无效果
前端·javascript·flutter
sunly_6 小时前
Flutter:AnimatedSwitcher当子元素改变时,触发动画
flutter
AiFlutter6 小时前
Flutter封装Coap
flutter
旭日猎鹰11 小时前
Flutter踩坑记录(三)-- 更改入口执行文件
flutter
旭日猎鹰11 小时前
Flutter踩坑记录(一)debug运行生成的项目,不能手动点击运行
flutter
️ 邪神11 小时前
【Android、IOS、Flutter、鸿蒙、ReactNative 】自定义View
flutter·ios·鸿蒙·reactnative·anroid
比格丽巴格丽抱1 天前
flutter项目苹果编译运行打包上线
flutter·ios
SoaringHeart1 天前
Flutter进阶:基于 MLKit 的 OCR 文字识别
前端·flutter