最新公告  | 
  • CTRL + D 加入收藏不迷路哦!

  • 欢迎您光临码云笔记网,一个关注WEB前端开发的个人技术博客!

第02节: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盘。

安装完成到终端(命令行)里输入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目录路径

进行Flutter doctor 的测试

在终端中输入flutter doctor,你可能会得到下面类似的结果。

[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, set ANDROID_SDK_ROOT to that location.
      You may also want to add it to your PATH environment variable.

这时候你得到的x比这个会多一些,因为我们还没有安装Android studio那下一步就是进行Android Studio的安装。

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软件。

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

1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 第02节:Flutter开发环境搭建Windows版

发表评论

准备开启WordPress网站建设推广?

联系我们 定制开发