P03:Flutter开发环境搭建Windows版
我个人习惯使用 Windows 开发,虽然公司用 MacOS 开发,但是这样也会增加你学习的成本,所以我们把中心还是放在 windows 上进行讲解。windows 上的安装也要相对麻烦一点。
系统的基本要求
- 操作系统:必须 windows7 以上 64 位操作系统。(这个一般都能很好的满足)
- 磁盘空间:大于 3 个 G,虽然官方说的是 400M,但是你还需要安装 Android Studio 和 虚拟机,所以至少要 3 个 G 左右,如果能达到 5 个 G 就更好了(满足多个虚拟机的要求)。
- 需要 Git 环境:Flutter 需要 git 环境的支持,所以这个也要有,作为一个前端,这个是必备工具,所以我在文章中就不教大家安装了。
JAVA 环境的安装
既然要做原生应用了,而且是基于 Android 的,那还是需要我们安装一下 JAVA 的环境的,我比一般得到一个新系统后首先做的就是这一步。这个就相当于你按一个软件,你不用考虑太多。
JAVA 环境下载地址:
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
这个地址会随着 Java 升级有所变化,如果已经改变了,请百度搜索 java 下载或者直接到 Java 官网下载。
然后根据你系统是 64 位还是 32 位选择版本,我这里是 64 位的,所以选择最下面的 x64 版本。
下载完成后进行安装,这个就直接下一步下一步就可以了。我一般都是安装到系统盘,也就是 C 盘。
配置 JDK
1、系统变量里面新增 JAVA_HOME,设置值为 java sdk 根目录:
2、系统变量找到 Path 在 Path 环境变量里面增加如下代码.
;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
注意环境变量之间的;(英文分号)
安装完成到终端(命令行)里输入java
,能出现下图中的结果,说明安装成功。
下载安装 FlutterSDK
-
- 去官网下载 Flutter 安装包,下载地址:FlutterSdk (注意,Flutter 的渠道版本会不停变动,请以 Flutter 官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去 Flutter github 项目下去下载安装包 。)或者用命令行工具 clone
git clone -b stable https://github.com/flutter/flutter.git
- 将安装包 zip 解压到你想安装 Flutter SDK 的路径(如:
D:\fluter\flutter
;注意,不要将 flutter 安装到需要一些高权限的路径如 C:\Program Files\,这个没必要跟我一样,凭借自己喜好设置就好)。 - 在 Flutter 安装目录的
flutter
文件下找到flutter_console.bat
,双击运行并启动 flutter 命令行,接下来,你就可以在 Flutter 命令行运行 flutter 命令了。 - 配置
环境变量
,Flutter 的执行是要进行联网的,由于国内的原因,所以你需要设置环境变量(墙翻的好,这步可以省略.)export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 如果你想在任何地方都可以执行
Flutter
命令,你需要把 Flutter SDK 的目录配到环境变量中的 path 条目下。步骤如下:- 找到电脑桌面,右键->属性
- 然后,选择点击“高级属性设置”
- 点击“环境变量”
- 找到环境变量中的 path 条目,双击或者点击下方编辑
- 点击“新建”,将我们安装好的 flutter 的 bin 目录路径“D:\flutter\bin”添加上,点击确定即可
- 去官网下载 Flutter 安装包,下载地址:FlutterSdk (注意,Flutter 的渠道版本会不停变动,请以 Flutter 官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去 Flutter github 项目下去下载安装包 。)或者用命令行工具 clone
Android Studio 的安装
其实前边的都是比较简单的,到这一步就开始耗时间了。因为在安装 Android Studio 的时候,要到 google 的网站下很多的包,但是谷歌被墙的厉害,所以比较耗时间,希望小伙伴可以有点耐心,一遍不行就装两遍。
- 下载
Android Studio
:如果你会翻,就直接到官网进行下载就可以了。如果你是在不会,你也可以下载一个toolbox-app如下图找到Android Studio
,直接 install 下载即可 - 安装 Android Studio 软件:这个安装也就是差不多下一步下一步,如果你真的不会,请百度搜索相关教程,相信你有这个自学的能力给你个比较详细的教程。
- 打开 Android Stuido 软件,下边找到 configure,然后找到 Plugin 的配置点击进去,下拉找到 flutter 插件,如果找不到,则直接搜索 Flutter 进行安装,如下图操作。安装完成后,你需要重新启动一下 Android Studio 软件。
运行 flutter doctor 命令检测环境是否配置成功
第一次运行的时候会提示下面错误:
这个时候复制上面红色框框内的命令:
flutter doctor --android-license
注意:提示输入 Y/N 的地方全部输入 Y。
然后就是还需要一个虚拟机的安装,后面我们会讲到。
码云笔记 » P03:Flutter开发环境搭建Windows版