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包

再次运行

相关推荐
小墙程序员3 小时前
Flutter 教程(十二)异步编程
flutter
王喆5 小时前
跨平台全屏效果实现方案:HarmonyOS、Android与iOS实践总结
flutter·harmonyos
Tee xm7 小时前
清晰易懂的 Flutter 卸载和清理教程
linux·windows·flutter·macos
leluckys10 小时前
flutter 专题 七十三Flutter打包未签名的ipa
flutter
张风捷特烈1 天前
Flutter 伪3D绘制#03 | 轴测投影原理分析
android·flutter·canvas
马拉萨的春天1 天前
flutter 项目结构目录以及pubspec.ymal等文件描述
flutter
bst@微胖子2 天前
Flutter项目之登录注册功能实现
开发语言·javascript·flutter
小墙程序员2 天前
Flutter 教程(十一)多语言支持
flutter
无知的前端2 天前
Flutter 一文精通Isolate,使用场景以及示例
android·flutter·性能优化
yidahis2 天前
Flutter 运行新建项目也报错?
flutter·trae