Flutter入门-Mac版搭建开发环境

前言

本篇将从Flutter的入门开始，搭建环境 ，创建项目，在Mac系统下搭建。

简介

Flutter是Google使用Dart语言开发的移动应用开发框架，使用一套Dart代码就能构建高性能、高保真的iOS和Android应用程序，并且在排版、图标、滚动、点击等方面实现零差异。

环境配置

准备阶段

1. 下载Flutter的SDK

   • 使用国内镜像下载，输入一下命令

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2. 克隆Flutter SDK（你可以先创建Flutter的文件夹，这里我并没有创建）

git clone -b beta https://github.com/flutter/flutter.git

配置Flutter环境

1. 打开.bash_profile文件

open -e .bash_profile

2. 配置环境变量

export PATH=${PATH}:/Users/admin/flutter/bin:$PATH

注：默认不创建Flutter文件夹的默认地址

3. 更新配置

source .bash_profile

4. 验证是否安装成功，输入命令

flutter

注：如果没有提示找不到，则表示安装成功

5. 安装 Futter 剩余依赖项(检查还未安装的工具链)

flutter doctor

通过 flutter doctor 命令来执行Flutter的安装程序

flutter doctor命令

上图信息：

• Flutter的版本和渠道
• Flutter运行所需的Android工具链 （下载完整）
• Flutter运行所需IOS工具链 （下载不完整）
• IntelliJ开发未安装flutter工具链
• 一个已连接的手机

如果需要相关的工具链按提示下载即可。
如果Android、IOS依赖都下载成功如下图展示：

依赖下载成功

这里我的IntelliJ没有安装，因为我用AndroidStudio开发，所以没下载，如果你使用IntelliJ开发Flutter，就需要下载相关依赖。

在AndroidStudio安装Dart插件

启动studio,搜索flutter,自动安装Dart插件 ，完成后重启studio。

AndroidStudio安装Flutter插件.jpg

注：安装dart插件会失败，需多次尝试

创建Flutter项目

Android Studio - File - New -New Flutter Project

遇到问题

“ creating flutter project ”卡死不动，我这边创建半个小时也没成功

• 暴力办法解决：
  虽然创建卡死，但是项目相关的文件都已经创建成功。
  关闭Studio，重新打开后直接open刚才创建的项目，如果重新打开报错不能运行，编译一下就好啦。

最后，希望此篇博客对大家有所帮助，欢迎提出问题及建议共同探讨，如有兴趣可以关注我的博客，谢谢！