Flutter安装详解 as版本

 

1 第一步下载flutter sdk
 

选择我们需要下载flutter sdk 的目录鼠标右键打开 Git Bash Here 输入以下文字 点击回车 等待下载完成即可。

git clone -b alpha https://github.com/flutter/flutter.git

Flutter安装详解 as版本_第1张图片

2.配置Flutter sdk 环境变量

点击进入我们刚才下载完成的 flutter sdk根目录 bin 目录复制地址,准备向环境变量添加

Flutter安装详解 as版本_第2张图片

添加flutter sdk 环境变量

Flutter安装详解 as版本_第3张图片

一路确定。打开cmd 检测是否安装成功出来下图字样,标识安装成功

Flutter安装详解 as版本_第4张图片

3.AndroidStudio配置flutter,Dart 插件

打开as 在Plugins中找到我们需要下载的插件 flutter,dart 然后安装,重启as

Flutter安装详解 as版本_第5张图片

flutter ,dart 关联我们的as 

Flutter安装详解 as版本_第6张图片

Flutter安装详解 as版本_第7张图片

 

4.测试flutter ,dart 是否安装完成

 

打开cmd 输入 flutter doctor 

PS C:\Users\Administrator> flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.165], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK 28.0.1)
    X Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[√] Android Studio (version 3.1)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] Connected devices
    ! No devices available

! Doctor found issues in 2 categories.

可以看到带有X的部分依旧有问题,提示我们需要给As安装插件,

Android licenses not accepted

第一个问题就是关于 Android licenses 的,flutter 也给出了解决方法,执行下面命令,然后一直输入 Y 即可

flutter doctor --android-licenses

Flutter plugin not installed 和 Dart plugin not installed

这个是提示我们 Android Studio 没有安装 Flutter 插件和 Dart 插件

刚才我们已经安装过了这里应该没有刷新过来。不用管直接打开AS创建我们的第一个flutter项目

 

Flutter安装详解 as版本_第8张图片

Flutter安装详解 as版本_第9张图片

 

Flutter安装详解 as版本_第10张图片

有的同学第一次创建的时候一直停留在创建页面,这可能由于网络因素导致。重启as 多试几次。

点击运行按钮即可创建成功我们第一个flutter应用

这是我的真机手机运行的界面。

Flutter安装详解 as版本_第11张图片

祝贺各位小伙伴第一次尝试顺利。

你可能感兴趣的:(Flutter)