Flutter开发环境的搭建

1,257 阅读3分钟

前言

本文笔者在学习Flutter的过程中,自己总结的开发安装经验,给大家分享一下,有什么不足之处请多多指教,有什么好的方案欢迎留言,

1、java环境的安装

2、Flutter SDK的安装

3、系统的基本要求:windows7以上64位操作系统,磁盘空间 大于3个G 最好5个G*

一、java jdk 下载

1)、下载地址 www.oracle.com/java/techno…

image.png

image.png 2)、java jdk 安装

image.png

安装成功 image.png 测试java环境是否安装成功 ,打开cmd 执行命令 java 回车 能看到一些帮助命令 就说明配置成功了

image.png

二、 安装Flutter SDK

1、下载地址: flutter.dev/docs/develo… 2、配置环境变量:

1)、找到flutter SDK 文件 bin 目录 在地址栏复制路径

image.png

2)、 打开我的电脑 属性 image.png 3)、点开高级设置 环境变量

image.png 4)、Path 新增

image.png

image.png 点击确定 flutter 的环境变量就设置好了

5)、测试环境变量是否安装成功 打开cmd 执行命令 flutter 回车 能看到一些帮助命令 就说明配置成功了

image.png

三、Flutter doctor 命令

可以帮助我们检验开发环境那些安装好了 那些没有安装成功

一般分为三种状态

第一种绿色对勾状态 表示Flutter环境安装成功

第二种 X号 表示Android SDK还未安装 ()

第三种 感叹号 表示 Android Studio 还有未安装 和 没有挂载调试设备(虚拟机)

image.png

四、 Android Studio 安装

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

根据我们的操作系统会跟我们推荐合适的版本

2、在安装过程中需要下载一些列的插件,第一次安装速度会慢

image.png 安装路径: 一般默认地址

image.png 安装完成后打开Android Studio

image.png

五、Dart 和Flutter 开发插件的安装

image.png

image.png 安装之后重启 Android Studio

image.png

打开cmd 输入 flutter doctor image.png

image.png 谷歌的协议 一直Y同意协议

image.png 同意之后再运行 flutter doctor 看看还有哪些环境没有安装

image.png

六、新建一个Flutter 项目 和 安装虚拟机

1、打开Android Studio 选择新建 Flutter Project

image.png 2、再次选择 Flutter Application, 需要等待一会

image.png 配置页面

image.png 出现这个界面 默认就行 点击 finish 创建项目

image.png 项目新建成功

image.png

安装虚拟机

1、点击 Android Studio上面的tools

image.png 出现这个界面说明我们还没有虚拟机

image.png 点击中间这个 创建一个虚拟机 选择手机型号 一般默认Nexus 5 点击next image.png 选择操作系统 一般安装最新的安卓版本

image.png 右侧进度条 稍等一下

image.png 点击finish 已有虚拟机列表 点击三角号运行

image.png 第一次 安装 虚拟机会安装包操作系统有些慢

image.png

安装成功

image.png 再次运用命令行 执行 flutter doctor 表示flutter 配置环境都已经安装成功了 可以开始运行项目了

image.png

七、在表示vscode中 搭建 Flutter 开发环境

1、在vscode 中安装 flutter 和Drat 插件 (直接在商店里面找Flutter插件)

2、在vscode中安装虚拟机

3、在vscode中新建项目 在终端中 执行命令 flutter create demo

image.png

image.png

资源推荐

Flutter中文官网: flutterchina.club/