Flutter环境搭建win10系统2020年最新版

前言

Flutter从出生到现在已经出现了一年多,现在学习Flutter的程序员也越来越多,那么这个Flutter环境搭建是有很多坑的,本人在最开始在网上了找了好多教程,也试了试结果发现网上的教程大多都是19年的版本过于老,我照了他们的方法试了试也不太好用,本人在安装过程中也是踩了很多坑,所以打算把环境搭建这个步骤给大家分享一下,帮助大家脱坑,那么本篇文章是win10的系统 从环境搭建到项目运行,那么在之后呢本人也会不断更新flutter的教程,如果觉得本篇文章对你有用或者你也有兴趣学习flutter那么不妨给本人点个关注哦,那么话不多说直接开始吧。

一、准备工具

1.系统需要是win7以上的64操作系统
2. 需要git环境,作为前端的必备技能。
3. 磁盘空间:磁盘空间需要400兆即可,但是如果需要配置虚拟机进行开发的话那么至少需要3个g,如果不需要虚拟机运行真机调试的话那么磁盘空间就不需要那么多了

二、下载FlutterSDK

FlutterSDK下载地址:https://flutter.dev/docs/development/tools/sdk/releases
这个官方是在不断更新的我这里是1.17.3的最新版本。
下载后我们解压文件并且配置系统变量即可,点击 此电脑–》右键—》属性—》高级系统配置—》高级—》环境变量—》系统变量
在系统变量的path中 配置上解压后的flutterSDk下面的bin文件即可。
在这里插入图片描述
国内用户还需要配置两个用户变量:
PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
在这里插入图片描述
在这里插入图片描述

三、Java环境配置

Flutter 的运行环境还需要Java的环境直接下载即可:
下载地址:https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html
下载后直接一直下一步即可,安装完成后,打开命令行工具,出现下面这样的情况说明你已经安装成功了。
在这里插入图片描述

有开发过java的人员,或者搭建过Java运行环境的人这一步可以直接省略。

四、DartSDK的安装

Dart安装比较简单,下载地址:https://gekorm.com/dart-windows/
有两个版本上面是稳定版本下面是最新版本,我们选择上面的稳定版本即可,然后安装十分简单直接一下步下一步就行,安装好后,我们打开命令行执行工具执行dart --version,出现以下情况就算安装成功
在这里插入图片描述

Flutter是基于Dart的一个框架所以Dart的环境也是必须的

五、Android Studio的安装

这个是我们的一个开发工具同时也是也可以管理我们的Android SDK。
下载地址:https://developer.android.google.cn/studio

这个安装也是直接下一步下一步,但是在安装的过程中可能会有一些步骤时间会比较长这都是正常的现象因为他要安装一些包,大家要耐心等待。

安装好后,我们打开Android Studio点击Plugin配置搜索Flutter插件,可能会搜不到 我们点击Search in repositories然后点击安装,然后我们再搜索Dart插件点击安装。

六、检测Flutter环境

当上面的几步完成后我们可以打开命令行工具,执行flutter doctor这是flutter提供的一个环境检测的代码,这时候我们会出现这种情况在这里插入图片描述

网上的教程都说需要全是对勾才可以,然而并不是这样第一个感叹号是因为没有一个Android SDK的管理工具但是官网说了,我们使用Android Studio开发就不要这个管理工具了,第二个叹号是因为没有那个开发工具我们开发的时候用Android Studio 和 VS code就可以了,没有必要使用那个。所以到现在我们的环境搭建就可以,但是运行我们需要运行在虚拟机或者真机调试上,那么下面我们来学习下如何创建flutter项目以及如何运行。

七、创建Flutter项目

有两种方法,用AS点击New Flutter Project 选项,点击Next,然后会出现下面的界面在这里插入图片描述

Project name 是项目的名称 不允许出现大写不可以以数字开头。
Flutter SDK path就是我们下载的FlutterSDK地址 正常他会自动识别如果没有识别那我们就手动选择
Project location是这个项目的存储位置 手动选择即可
Desclption是项目的简介,自己练习不用更改。
这些填好之后 点击Next即可,之后会跳转到这样 的页面
在这里插入图片描述

packge name 是包名,这个根据公司项目进行来写,后期可以更改,这里不用更改。
然后点击Finish即可然后会出现一个这样的弹框
在这里插入图片描述
点击第一个即可。
这样我们就完成了项目的创建
还有第二种方法 运用命令行工具 执行 flutter create 项目名 然后需要选择一些信息 一直回车就可以。

八、安装Android SDK

运行需要安装 Android SDk 我们点击上面菜单的Tools 然后点击 SDK Manager然后点击Appearance下面的Sytem Setting 选择 Android SDK选择SDK Platforms 选择自己需要的Android SDK 我们真机调试的话正常都是9.0 和8.1选择好后点击apply等待安装,安装好后,我们连接真机运行即可。

九、真机调试

我们用手机数据线连接电脑 这时候我们的AS编辑器上会出现你的手机型号
在这里插入图片描述

出现手机型号后点击右面的绿色运行按钮即可。

在这里插入图片描述

这样就可以运行在手机上了,连接不上手机可以去网上找找教程。

十、安装虚拟机

真机调试和虚拟机选择一个就可以了,本人是比较喜欢真机调试因为虚拟机运行的时候十分的耗费内存,会很吃电脑的内存配置,但是还是有一定的好处,比如真机连接不上时,可以用虚拟机来代替。

我们点击AS上面的Tools选择AVD Manager 点击左下角的Create按钮 选择phone然后选择自己合适的尺寸点击Next即可,安装好后我们就可以选择虚拟机来进行安装了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值