创建并运行自己的第一个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的文章给大家,敬请关注。
上一篇: css实现横向与竖向进度条效果的方法
下一篇: js 放大镜
推荐阅读
-
【从零开始搭建自己的.NET Core Api框架】(一)创建项目并集成swagger:1.2 完善
-
【Flutter 1-5】运行Flutter的第一个项目——计数器
-
使用pycharm创建自己的第一个django项目
-
【从零开始搭建自己的.NET Core Api框架】(一)创建项目并集成swagger:1.1 创建
-
IntelliJ IDEA 创建 Java 项目及创建 Java 文件并运行的详细步骤
-
ubuntu16.04在python3 下创建Django项目并运行的操作方法
-
【Flutter 1-5】运行Flutter的第一个项目——计数器
-
使用pycharm创建自己的第一个django项目
-
【Flutter 1-5】运行Flutter的第一个项目——计数器
-
【从零开始搭建自己的.NET Core Api框架】(一)创建项目并集成swagger:1.2 完善