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包

再次运行

相关推荐
xcyxiner15 小时前
flutter 运行到模拟器上
android·前端·flutter
末代iOS程序员华仔16 小时前
iOS 语聊直播/聊天APP4.3条例被拒解决
flutter·ios·swift
恋猫de小郭16 小时前
Dart 3.13 的到底改了什么?为什么很重要?有什么坑?
android·前端·flutter
xcyxiner1 天前
flutter wsl2安装记录(使用宿主机虚拟机)
前端·flutter
Kevin Coding2 天前
JsonConvert:适用于 Android、鸿蒙与 Flutter 的 JSON 转 Model 插件
android·flutter·harmonyos
iFlyCai2 天前
Flutter原理深度解析:从架构到渲染的全面剖析(二)
flutter·flutter 三棵树
里欧跑得慢2 天前
CSS 模块化架构的演进:BEM、CSS Modules 到 CSS-in-JS 的反思
前端·css·flutter·web·css-in-js
iFlyCai3 天前
深入理解Flutter:StatefulWidget生命周期全解析(一)
flutter·dart·状态管理·statefulwidget
xiangxiongfly9153 天前
Flutter video_player总结
flutter·video_player·chewie
见山是山-见水是水3 天前
鸿蒙版 Flutter Video 视频播放组件:播放控制、全屏切换与倍速播放
flutter·音视频·harmonyos