初识flutter

什么是flutter?

Flutter 是由 Google 开发和提供支持的开源框架。前端和全栈开发人员使用 Flutter 为具备单一代码库的多个平台构建应用程序的用户界面(UI)。

在 2018 年推出时,Flutter 主要支持移动应用程序开发。Flutter 目前支持在六个平台上进行应用程序开发:iOS、Android、Web、Windows、MacOS 和 Linux。

为什么选择了解flutter

以下是 Flutter 作为跨平台开发框架脱颖而出的一些方面:

  1. 接近原生的性能。Flutter 使用编程语言 Dart 并编译成机器码。主机设备能理解此代码,从而确保快速有效的性能。
  2. 快速、一致且可自定义的渲染。Flutter 不依赖于特定平台的渲染工具,而是使用 Google 的开源 Skia 图形库来渲染 UI。这为用户提供了一致的视觉效果,无论他们使用什么平台来访问应用程序。
  3. 开发人员友好的工具。 Google 在构建 Flutter 时强调易用性。通过热重载等工具,开发人员可以在不丢失状态的情况下预览代码更改的外观。小部件检查器等其他工具可以轻松可视化和解决 UI 布局问题。

配置环境

首先去官网选择平台,下载安装包
https://docs.flutter.dev/get-...

image.png
然后我们将其解压到文件夹中,以D:/flutter 为例
image.png
然后将其添加到环境变量中
image.png
打开windows terminal(没有terminal可以打开powershell) 运行flutter doctor,这条指令会会检查你的现有环境,并将检测结果以报告形式呈现出来。仔细阅读它显示的内容,检查是否有尚未安装的软件或是有其他的步骤需要完成(通常会以粗体呈现)
这一步可能会需要一些时间
网络不好的好,这条指令可能会尝试运行flutter pub get
然后看结果
image.png
### 配置android开发环境
环境中,我们没有安装android SDK,这是因为我们在开发 Android Flutter 应用时是需要的这个环境的
接下来进行设置Android 开发环境,已经配置好的同学可以跳过这一步
首先我们去官网下载一下安装包
https://developer.android.goo...
安装完成后,再次运行flutter doctor 进行检查
image.png
可以看到已经检查到了最新安装的Android SDK
但是还没有完全配置完
进入Android Studio更新命令行配置和运行flutter doctor --android-licenses接受Android SDK开发协议
先创建一个项目然后进入Tools->sdk manager,然后搜索sdk
image.png
然后点击apply,进行下载
然后重新运行flutter doctor
可以看到
image.png
至此,flutter的android的开发环境也配置好了
接下来就进入到我们的开发环节~


乐码客
1 声望1 粉丝