flutter环境配置指南——基于windows10 2020全新版

概述

简单的来说你的电脑需要安装

  1. Android studio
  2. git
  3. flutter

这三款软件之后,配置好各自的环境,就可以用Android studio 写 fultter程序啦,这里有一个坑是最后的编译阶段,会在实战演练部分指出来。下来开始配置。

安装

下载安装 flutter是需要先安装Android studio和 git 的。所以首先需要自行安装。在这里就丢下官网链接。

环境变量配置

需要配置以下环境变量

image-20200618142832935

image-20200618142910063

为了使用flutter的一些特性,建议配置下面二个环境变量,当然下面写的是 Linux 的配置方式,windows 就直接将变量名 + 变量值 写入环境变量就好了。

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

检查环境变量

image-20200618141930320

image-20200618143121357

Android studio 插件安装

打开插件选择

image-20200618132450793

需要安装二个插件,分别是dartflutter。下面是安装截图。

  • dart

image-20200618131341882

  • flutter

下载这个插件很慢,不知道为什么,等了好久,中间还失败了 好几次。

image-20200618131422079

安装完成后需要重启Android studio。

然后就会发现多了Android studio启动界面有了变化。

image-20200618143040886

vscode插件安装

在插件市场搜索flutter然后安装就好了

image-20200618140217154

配置检查

运行flutter doctor可以看到 vscode 和 Android studio 都已经配置好了。

image-20200618141255593


PS C:\Users\cds> flutter --version
Flutter 1.17.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision b041144f83 (2 weeks ago) • 2020-06-04 09:26:11 -0700
Engine • revision ee76268252
Tools • Dart 2.8.4

Android studio实战演示

  1. 新建 flutter 项目

image-20200618143040886

image-20200618143212497

  1. 设置项目信息

image-20200618143434532

  1. 完善包名

image-20200618143503013

  1. 运行

image-20200618165610116

image-20200618165532619

如果出现上图的报错,则需要修改下图标注的部分,修改的数字根据自己Android构建工具 的版本确定。

image-20200618202054889

查看自己安卓构建工具的版本

image-20200618202207974

flutter doctor --android-licenses
  1. 运行结果

image-20200618202355693

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章