windows下flutter开发环境安装

前端 精帖 收藏 1 304
Roderick VIP 2019-07-29 18:34:30

1. 系统的基本要求

(1)一般window7以上64位系统

(2)磁盘空间大于3G,最好5G

2.java jdk安装

  undefined

同意协议,运行下载好的exe执行程序一顿安装,jdk和jre的路径选为默认的;

安装完成后终端执行java命令检查

undefined

出现如图内容说明安装成功

3.Flutter SDK安装

(1)下载地址:https://flutter.io/sdk-archive/#windows

         选择最新版本下载

 undefined

解压文件

(2)配置环境变量

找到flutter/bin目录配置到系统环境变量中

undefined

cmd输入flutter出现如图说明成功

undefined

(3)Flutter doctor命令的使用

输入flutter doctor检查还需安装的内容

undefined

红框为需要安装的

4.Android studio的下载

(1)Android studio的安装

下载地址:https://developer.android.google.cn/studio/

在安装过程中需要下载一系列的插件

undefined

(2)DartFlutter开发插件的安装

打开Android studio,找到Plugin之后输入flutter进行安装

undefined

undefined

安装flutter插件会自动安装dart插件

安装完成后点击重启IDE,会出现flutter项目了

undefined

(3)Android证书的安装

重新输入flutter doctor出现

undefined

需要证书,执行flutter doctor --android-licenses一路同意证书

再执行flutter doctor看到只有设备没挂载了

undefined

5.新建项目创建虚拟设备

(1)打开Android studio,选择新建flutter project

(2)再次选择flutter application需要等待一会

undefined

undefined

(3)AVD虚拟机的安装(真机下不介绍)

进入项目点击Tools

undefined

undefined

选择

undefined

undefined

点击下载

undefined

undefined

点击红框内是开启虚拟机

Flutter run


注:还有个Android sdk的目录加入环境变量

运行项目出现下部加载卡顿需要在文件目录的 /android/gradle/build.gradle文件中,将buildscriptrepositories字段的改为下部代码重新启动Android Studio,重运行即可

{

maven{ url 'https://maven.aliyun.com/repository/google'}

maven{ url 'https://maven.aliyun.com/repository/gradle-plugin'}

maven{ url 'https://maven.aliyun.com/repository/public'}

maven{ url 'https://maven.aliyun.com/repository/jcenter'}

google()

jcenter()

}

评论