2.带你迈出Flutter开发的第一步

最新推荐文章于 2024-10-18 16:58:42 发布

weixin_34198583

最新推荐文章于 2024-10-18 16:58:42 发布

阅读量81

点赞数

文章标签：移动开发操作系统 xcode

原文链接：https://juejin.im/post/5c90cb94e51d452a0748c5d4

版权

本篇教程是以 MacOS 为基础的，且假设你已经安装好了 Android 和 iOS 的开发环境。

1.安装 Flutter SDK

 cd ~/development

 unzip ~/Downloads/flutter_macos_v1.0.0-stable.zip
复制代码

现在，你可以开始执行 Flutter 的命令了。

运行以下命令，以检测 Flutter 开发环境：

 flutter doctor
复制代码

运行以上命令，可以自动检测你的 Flutter 开发环境是否已经准备好了。

而且能够提示你该如何完善你的 Flutter 发开环境，真是像你小时候照顾你的的保姆一样贴心。

下载 Android SDK。
这有一个简单的方法，让你可以更快的下载 Android SDK，就是你可以先下载好 AndroidStudio ，它会引导你准备好一切开发 Android 所需的。
后续的 Flutter 开发工作，也将在 AndroidStudio 中进行。它十分的方便！?
点击此处，下载 AndroidStudio。
进入 AndroidStudio 设置页：
在此处下载 SDK：
配置 Android 环境变量。
Flutter 需要通过环境变量来找到 Android 的 SDK，所以你需要把它的位置配置到 .bash_profile 中。
如果你没有这个文件，可以通过以下命令创建它：
```
touch ～/.bash_profile
复制代码
```
接着，打开这个文件:
```
open ～/.bash_profile
复制代码
```
添加 Android 的环境变量:
```
export ANDROID_HOME=你的 Android Sdk 的路径
export PATH=${PATH}:$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools
复制代码
```
tips：你可以在上图中 AndroidStudio 的 SDK 管理页面查看你机器上的 sdk 路径。

保存修改后，通过以下命令让配置生效：
```
source ~/.bash_profile
复制代码
```
安装 Flutter 和 Dart 插件
进入 AndroidStudio 的 Plugin 管理界面：
搜索 Flutter 和 Dart 插件，下载好后，重启 AndroidStudio。