创建并运行自己的第一个Flutter项目

最近在学习flutter，毕竟是第一次运行flutter项目，中间遇到很多问题，今天就把自己如何创建并运行flutter项目，及创建的过程中遇到的一些问题都总结出来，方便后来人查看。

先来讲讲flutter的下载与安装。

一，下载flutter

可以直接到官网下载，选择你对应的系统就行：https://flutterchina.club/get-started/install/

下载好以后，把文件解压，然后放到一个目录里，随便哪里就行，但是 一定要记住这个路径，并且路径中不能有中文。
如我的是在 /Users/qcl/packages/ 我们后面配置全局变量时需要用到这个路径。

二，配置环境变量

我的是mac电脑，所以我这里讲下mac电脑上如何配置flutter环境变量。

• 1，在命令行窗口，输入vim ./.bash_profile 确定enter，然后就打开了bash_profile文件
  如果感觉使用vim编辑麻烦，可以使用
  open .bash_profile可视化编辑，如下图：
  

• 2，在bash_profile中配置下面这段话：
  export PATH=/你的flutter文件夹所在位置/flutter/bin:$PATH

如在我们的bash_profile中加入下面代码

# flutter
export PATH=/Users/qcl/packages/flutter/bin:$PATH
# flutter 国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=[https://storage.flutter-io.cn](https://storage.flutter-io.cn)

上面的国内镜像如果过期，可以到这个网址：https://flutter.dev/community/china去找最新的

我配置后的效果如下

• 3，然后 ：wq!保存并退出

• 4，source ~/.bash_profile 使刚刚修改的文件生效

• 5，flutter -h 可以查看flutter环境变量是否配置成功

三，在android studio 里配置flutter和dart

我们上面安装好flutter，并配置好flutter的环境变量以后。就可以进入我们的as设置页，后面用as来代表android studio。

四，使用androidstudio创建第一个flutter项目

1，创建项目时选择flutter项目

2，选择flutter application

3，填写项目信息，保持默认即可

4，先用flutter创建的安卓项目


5，项目创建成功

6，安卓项目成功运行

• 本来准备在电脑模拟器上运行，截图给大家的，结果模拟器有问题，就来拍个照，让大家看看运行效果吧。

• 正常到这里就可以直接运行项目了，但是flutter的坑还是比较多的，会遇到各种问题，我把我遇到的问题及解决方法都总结出来

五，常见问题汇总及解决

运行flutter项目的时候，遇到来这个问题，刚开始以为是gradle的问题，其实最后仔细看，才知道是我们的 Android SDK Build-Tools 28.0.3没有安装的问题。解决办法也很简单。

到这里我们就成功的使用Android studio创建并运行了一个flutter项目，随着学习的深入，感觉flutter写东西还是很方便的，后面我会写更多关于flutter的文章给大家，敬请关注。