前言
本篇将从Flutter的入门开始，搭建环境 ，创建项目，在Mac系统下搭建。
简介
Flutter是Google使用Dart语言开发的移动应用开发框架，使用一套Dart代码就能构建高性能、高保真的iOS和Android应用程序，并且在排版、图标、滚动、点击等方面实现零差异。
环境配置
准备阶段
-
下载Flutter的SDK
- 使用国内镜像下载，输入一下命令
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
-
克隆Flutter SDK（你可以先创建Flutter的文件夹，这里我并没有创建）
git clone -b beta https://github.com/flutter/flutter.git
配置Flutter环境
- 打开
.bash_profile文件
open -e .bash_profile
- 配置环境变量
export PATH=${PATH}:/Users/admin/flutter/bin:$PATH
注：默认不创建Flutter文件夹的默认地址
- 更新配置
source .bash_profile
- 验证是否安装成功，输入命令
flutter
注：如果没有提示找不到，则表示安装成功
- 安装 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刚才创建的项目，如果重新打开报错不能运行，编译一下就好啦。
最后，希望此篇博客对大家有所帮助，欢迎提出问题及建议共同探讨，如有兴趣可以关注我的博客，谢谢！
网友评论