Flutter环境搭建

本文详细介绍了Flutter环境的搭建过程,包括Flutter和Dart的安装,开发包下载,环境变量配置,通过执行`flutter doctor`命令检查环境,创建及运行Flutter项目。Flutter作为一个跨平台的移动SDK,提供快速开发、精美UI以及原生性能,使得开发者能够高效构建iOS和Android应用。
摘要由CSDN通过智能技术生成

Flutter简介:

  • Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生UI的移动SDK。
  • 快速开发:Flutter的热重载可以快速地进行测试、构建UI、添加功能并更快地修复错误。
  • 富有表现力,漂亮的用户界面:自带Material Design和Cupertino(iOS风格)widget、平滑而自然的滑动效果。
  • 响应式框架:使用Flutter的现代、响应式框架,和一系列基础widget,轻松构建您的用户界面。
  • 访问本地功能和SDK:Flutter可以复用现有的Java、Swift或ObjC代码,访问iOS和Android上的原生系统功能和系统SDK。
  • 统一的应用开发体验:Flutter拥有丰富的工具和库,可以帮助开发者轻松地同时在iOS和Android系统中实现想法和创意。
  • 原生性能:Flutter包含了许多核心的widget,如滚动等,这些都可以在iOS和Android上达到原生应用一样的性能。

Flutter和Dart插件安装:

这里写图片描述
这里写图片描述

下载flutter开发包:

在git命令行下输入如下命令:

git clone -b alpha https://github.com/flutter/flutter.git
 
 
  • 1

如果下载失败,你可能需要配置一下代理模式:

git config --global --unset http.proxy
 
 
  • 1

下载完成后的验证;
这里写图片描述

这里写图片描述

配置环境变量:

在系统环境变量path中添加刚刚下载的flutter的路径

这里写图片描述

在系统环境变量中新建名为PUB_HOSTED_URL 值为https://pub.flutter-io.cn 的环境变量;
新建名为FLUTTER_STORAGE_BASE_URL值为https://storage.flutter-io.cn的环境变量
这里写图片描述
这里写图片描述

执行flutter doctor命令

注意:在配置完成环境变量后记得要 重启电脑,配置才会生效,不然执行doctor命令就会下载失败!切记重启,如果你下载失败多半原因就是配置完环境变量后没有重启,windows命令行cmd中执行flutter doctor命令,flutter doctor 会自动检测当前开发环境配置,并且自动下载欠缺的文件。首次下载过程相对耗时。

正常下载过程是这样的

这里写图片描述
这里写图片描述

创建Flutter项目

就像创建对象一样,正常new就行,

这里写图片描述
这里写图片描述

运行Flutter项目

运行起来的样子很美丽:
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值