Android Studio搭建flutter开发环境_flutter

想看更多算法题,可以扫描上方二维码关注我微信公众号“数据结构和算法”,截止到目前我已经在公众号中更新了500多道算法题,其中部分已经整理成了pdf文档,可以在公众号中回复关键字“pdf”即可下载。

创建flutter项目必须要搭建flutter的开发环境,我们今天来创建flutter的一个简单的demo,学会怎样开发flutter项目,首先我们要获取flutter的sdk,可以从官网上下载
​​​Flutter SDK​​​然后下载
Android Studio搭建flutter开发环境_杀毒软件_02
下载之后解压,然后在目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,可以在Flutter命令行运行flutter命令了。接着配置系统环境,把\flutter\bin所在目录添加到系统环境变量中
Android Studio搭建flutter开发环境_杀毒软件_03
这是我下载的文件存放的路径,下面是系统变量的配置
Android Studio搭建flutter开发环境_Android_04
然后在命令提示符中输入flutter doctor
注意:如果安装的有杀毒软件,文件可能会被删除,所以要关闭杀毒软件,或者杀毒软件删除之后一定要手动恢复,然后再添加信任
Android Studio搭建flutter开发环境_flutter_05
然后在重新打开命令提示符中输入flutter doctor,他会提示没有发现设备
Android Studio搭建flutter开发环境_flutter_06
这是因为电脑必须要连上手机才能运行,或者模拟器也行,我们连上手机,再重新运行一下,然后会出现如下提示(这是针对Android开发者来说的,因为在这之前要安装Android studio,安装studio的方法就不在说了)
Android Studio搭建flutter开发环境_flutter_07
然后在Android studio中安装插件File→Setting→plugins,接着在输入框中输入flutter,在点击安装,一般情况看下,安装完flutter他会自动安装dart,如果没有安装,可以手动安装。因为flutter开发使用的是dart语言,所以开发flutter一定要熟悉dart语言,官方文档​​​Dart documentation​​​Android Studio搭建flutter开发环境_Android_08
可以自己看。下面在介绍两个有用的​​dart运行测试​​,​​Dart packages​​ Android studio插件安装完以后重启,我们新建项目的时候看到多了一个flutter项目
Android Studio搭建flutter开发环境_flutter_09
我们来创建一个flutter项目,在创建的时候有个地方会提示flutter SDK的路径
Android Studio搭建flutter开发环境_android_10
这个直接输入你下载的路径即可,创建成功之后如果有杀毒软件,可能还会提示你,直接允许即可。我们来看一下创建成功的flutter项目
Android Studio搭建flutter开发环境_flutter_11
我们改几个文字

home: MyHomePage(title: '山大王的flutter demo运行了'),

运行一下(第一次运行,如果没有对应的gradle,会从网上下载,这个非常慢)
我们看下运行结果
Android Studio搭建flutter开发环境_flutter_12
如果想了解更多的flutter组件,直接从官网上学习即可​​​Flutter for Android developers​