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包

再次运行

相关推荐
m0_748247801 小时前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
迷雾漫步者2 小时前
Flutter组件————PageView
flutter·跨平台·dart
迷雾漫步者10 小时前
Flutter组件————FloatingActionButton
前端·flutter·dart
coder_pig14 小时前
📝小记:Ubuntu 部署 Jenkins 打包 Flutter APK
flutter·ubuntu·jenkins
捡芝麻丢西瓜16 小时前
flutter自学笔记5- dart 编码规范
flutter·dart
恋猫de小郭16 小时前
什么?Flutter 可能会被 SwiftUI/ArkUI 化?全新的 Flutter Roadmap
flutter·ios·swiftui
sunly_2 天前
Flutter:导航,tab切换,顶部固定,列表分页滚动
开发语言·javascript·flutter
敲代码的小强2 天前
Flutter项目兼容鸿蒙Next系统
flutter·华为·harmonyos
Zh-jie2 天前
flutter 快速实现侧边栏
前端·javascript·flutter
truemi.733 天前
flutter --no-color pub get 超时解决方法
android·flutter