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

概述

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

  1. Android studio
  2. git
  3. flutter

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

安装

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

  • android studio
  • git
  • flutter

环境变量配置

需要配置以下环境变量

flutter环境配置指南——基于windows10 2020全新版_第1张图片

flutter环境配置指南——基于windows10 2020全新版_第2张图片

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

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

检查环境变量

flutter环境配置指南——基于windows10 2020全新版_第3张图片

flutter环境配置指南——基于windows10 2020全新版_第4张图片

Android studio 插件安装

打开插件选择

flutter环境配置指南——基于windows10 2020全新版_第5张图片

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

  • dart

flutter环境配置指南——基于windows10 2020全新版_第6张图片

  • flutter

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

flutter环境配置指南——基于windows10 2020全新版_第7张图片

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

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

flutter环境配置指南——基于windows10 2020全新版_第8张图片

vscode插件安装

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

flutter环境配置指南——基于windows10 2020全新版_第9张图片

配置检查

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

flutter环境配置指南——基于windows10 2020全新版_第10张图片


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 项目

flutter环境配置指南——基于windows10 2020全新版_第11张图片

flutter环境配置指南——基于windows10 2020全新版_第12张图片

  1. 设置项目信息

flutter环境配置指南——基于windows10 2020全新版_第13张图片

  1. 完善包名

flutter环境配置指南——基于windows10 2020全新版_第14张图片

  1. 运行

flutter环境配置指南——基于windows10 2020全新版_第15张图片

flutter环境配置指南——基于windows10 2020全新版_第16张图片

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

flutter环境配置指南——基于windows10 2020全新版_第17张图片

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

flutter环境配置指南——基于windows10 2020全新版_第18张图片

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

flutter环境配置指南——基于windows10 2020全新版_第19张图片

你可能感兴趣的:(#,flutter)