P03:Flutter开发环境搭建Windows版

AI 概述
系统的基本要求JAVA 环境的安装配置 JDKAndroid Studio 的安装运行 flutter doctor 命令检测环境是否配置成功 我个人习惯使用 Windows 开发,虽然公司用 MacOS 开发,但是这样也会增加你学习的成本,所以我们把中心还是放在 windows 上进行讲解。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

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

以上关于P03:Flutter开发环境搭建Windows版的文章就介绍到这了,更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章,希望大家以后多多支持码云笔记。

「点点赞赏,手留余香」

0

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

微信微信 支付宝支付宝

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

声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 admin@mybj123.com 进行投诉反馈,一经查实,立即处理!
重要:如软件存在付费、会员、充值等,均属软件开发者或所属公司行为,与本站无关,网友需自行判断
码云笔记 » P03:Flutter开发环境搭建Windows版

发表回复