建立并运行本身的第一个flutter项目

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

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

一，下载flutter

能够直接到官网下载，选择你对应的系统就行：flutterchina.club/get-started…

下载好之后，把文件解压，而后放到一个目录里，随便哪里就行，可是 必定要记住这个路径，而且路径中不能有中文。 如个人是在 /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)
复制代码

上面的国内镜像若是过时，能够到这个网址：flutter.dev/community/c…去找最新的

我配置后的效果以下

• 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的文章给你们，敬请关注。