P03:Flutter开发环境搭建Windows版

目录
文章目录隐藏
  1. 系统的基本要求
  2. JAVA 环境的安装
  3. Android Studio 的安装
  4. 运行 flutter doctor 命令检测环境是否配置成功

我个人习惯使用 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 版本。

JAVA 环境的安装

下载完成后进行安装,这个就直接下一步下一步就可以了。我一般都是安装到系统盘,也就是 C 盘。

配置 JDK

1、系统变量里面新增 JAVA_HOME,设置值为 java sdk 根目录:

系统变量里面新增 JAVA_HOME

2系统变量找到 Path 在 Path 环境变量里面增加如下代码.

;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

注意环境变量之间的;(英文分号)

系统变量找到 Path 在 Path 环境变量里面增加如下代码

安装完成到终端(命令行)里输入java,能出现下图中的结果,说明安装成功。

终端(命令行)里输入 java

下载安装 FlutterSDK

    1. 去官网下载 Flutter 安装包,下载地址:FlutterSdk (注意,Flutter 的渠道版本会不停变动,请以 Flutter 官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去 Flutter github 项目下去下载安装包 。)或者用命令行工具 clone
      git clone -b stable https://github.com/flutter/flutter.git
    2. 将安装包 zip 解压到你想安装 Flutter SDK 的路径(如: D:\fluter\flutter;注意,不要将 flutter 安装到需要一些高权限的路径如 C:\Program Files\,这个没必要跟我一样,凭借自己喜好设置就好)。
    3. 在 Flutter 安装目录的flutter文件下找到flutter_console.bat,双击运行并启动 flutter 命令行,接下来,你就可以在 Flutter 命令行运行 flutter 命令了。
    4. 配置环境变量,Flutter 的执行是要进行联网的,由于国内的原因,所以你需要设置环境变量(墙翻的好,这步可以省略.)
      export PUB_HOSTED_URL=https://pub.flutter-io.cn
      export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    5. 如果你想在任何地方都可以执行Flutter命令,你需要把 Flutter SDK 的目录配到环境变量中的 path 条目下。步骤如下:
      • 找到电脑桌面,右键->属性电脑右键属性
      • 然后,选择点击“高级属性设置”高级属性设置
      • 点击“环境变量”环境变量
      • 找到环境变量中的 path 条目,双击或者点击下方编辑环境变量中的 path 条目
      • 点击“新建”,将我们安装好的 flutter 的 bin 目录路径“D:\flutter\bin”添加上,点击确定即可flutter 的 bin 目录路径

Android Studio 的安装

其实前边的都是比较简单的,到这一步就开始耗时间了。因为在安装 Android Studio 的时候,要到 google 的网站下很多的包,但是谷歌被墙的厉害,所以比较耗时间,希望小伙伴可以有点耐心,一遍不行就装两遍。

  1. 下载Android Studio:如果你会翻,就直接到官网进行下载就可以了。如果你是在不会,你也可以下载一个toolbox-app如下图找到Android Studio,直接 install 下载即可toolbox-app 下载
  2. 安装 Android Studio 软件:这个安装也就是差不多下一步下一步,如果你真的不会,请百度搜索相关教程,相信你有这个自学的能力给你个比较详细的教程。
  3. 打开 Android Stuido 软件,下边找到 configure,Plugin 的配置然后找到 Plugin 的配置点击进去,Plugin 的配置下拉找到 flutter 插件,如果找不到,则直接搜索 Flutter 进行安装,如下图操作。搜索 Flutter 进行安装安装完成后,你需要重新启动一下 Android Studio 软件。

运行 flutter doctor 命令检测环境是否配置成功

运行 flutter doctor 命令检测环境

第一次运行的时候会提示下面错误:

第一次运行的时候会提示下面错误

这个时候复制上面红色框框内的命令:

flutter doctor --android-license

注意:提示输入 Y/N 的地方全部输入 Y。

提示输入 Y/N 的地方全部输入 Y

然后就是还需要一个虚拟机的安装,后面我们会讲到。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » P03:Flutter开发环境搭建Windows版

发表回复