flutter环境搭建及真机运行

安装flutter

//在d盘根目录下执行, 速度很慢等着
git clone -b beta https://github.com/flutter/flutter.git

配置环境变量

用户变量

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

全局变量

path中添加 flutter\bin (写自己的安装路径)

终端运行flutter

安装java环境

下载地址 https://www.oracle.com/java/technologies/javase-downloads.html

配置环境变量

1. 新建系统环境变量 Java_Home=C:\Program Files\Java\jdk-14.0.1
2. 系统环境变量Path中添加%JAVA_HOME%\bin

安装Android Studio

下载地址 http://www.android-studio.org/

安装过程参考文档 https://blog.csdn.net/xuw_xy/article/details/89524335

安装

此时正在安装中

到这里已经安装完成了,然后运行

不导入设置

不发送信息到 google

此时已完成安装

vscode插件安装

安装插件: flutter
点击查看->命令面板: 输入 flutter doctor

此时会有两个报错

这个报错是提示我们Android SDK未安装

然后我们安装 Android SDK

到这里Android SDK已经安装完成了

再次运行 flutter doctor 会发现报错信息变了

这个报错是需要添加Android license

终端执行 flutter doctor --android-licenses

在提示中全部输入 y

再看第二个报错信息

Flutter插件未安装,安装插件

安装完成后再次输入 flutter doctor 验证，此时报错信息已经没有了

tip： 最后一个报错 No devices available 是因为没有可用的设备。

到此环境已搭建完成

然后我们来运行个demo来看看

打开vscode，选择 查看->命令面板 执行此条命令

然后输入项目名字

然后选择一个项目目录,注意不要使用中文目录,会报错

运行成功你应该会看到这样的一个目录结构

此时我们还没有连接设备，准备一个安卓手机和usb数据线。

手机连接电脑后，手机中打开usb调试功能，并允许安装应用。

过一会会发现vscode右下角有了设备名字,表示设备连接成功

再执行 flutter doctor 来验证一下

可以看到设备已经连接成功了，然后我们运行项目

此时项目运行成功,你会看到

到此我们已经成功的运行了一个小demo。