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版本。

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抓紧创作!

微信微信 支付宝支付宝

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

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » P03:Flutter开发环境搭建Windows版

发表回复

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们