Windows下flutter环境安装的踩坑体验-终极版

前言

有了Google的加持,再加上flutter具有热加载,即时更新UI,让原先每次修改完一个简单的UI,都要重新在蜗牛一样AS上运行一遍的你感受到前所未有的快感。flutter内置Android的Material Design设计风格和Cupertino(ios-flavor),丰富的动画API,流畅顺滑的用户体验让开发轻松实应对复杂的设计布局。等等等UI实现的优势,让大谈flutter只是个花拳秀腿的你,体验过后,不得不说:真香!
闲话少说,Helloword走起!

Windows环境下flutter的安装步骤

准备

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
打开Windows的环境变量设置
在用户变量里新建键PUB_HOSTED_URL值为https://pub.flutter-io.cn
然后新建键FLUTTER_STORAGE_BASE_URL值为https://storage.flutter-io.cn

第一步 安装git

首先需要安装git for windows ,在这里笔者默认您已经是安装过的,这里就不在多说,网上搜一下有很多介绍的,这里提供flutter中文网的地址flutter中文网

第二步 安装flutter sdk

这里我在网上找了很多资料,总结一下总共有三种方式
第一种:按照中文官网的提示去github下载sdk ,下载完成后放到一个文件目录下,注意这里不要是高用户权限的文件夹,比如C盘的Program Files,不然在接下来的步骤会出现报错。然后解压文件,打开到bin目录下,拷贝文件路径,配置到环境变量,这里我是配置到系统变量的path里边了,然后win+r,输入cmd打开dos命令窗口,输入flutter doctor,这时候问题出现了
Error: The Flutter directory is not a clone of the GitHub project.
提示没有.git网上搜一下解决办法,这里不在介绍,下面会有更好的安装方式

第二种:你还可以直接通过git命令安装,这种方式安装很简单也不会出错,但是要注意下指定git 命令的安装路径,不然很可能就给你安装的C盘,就是第一种方式会报错的那个,下面给出命令:

git clone -b beta https://github.com/flutter/flutter.git  d:\xxx(自己指定目录)

如果你的网络好的话推荐这种,如果像笔者的网络一样,每秒几十k的速率,每次下载到百分之十左右就会下载失败,您还是放弃吧,试试接下来的第三种方法。

第三种:这种方法根本上来说其实就是第一种,操作方法和第一种是一模一样的,只是下载sdk的路径是在官网路径,和github上下载的sdk的区别是这里的sdk有最新版本,而且压缩包里不缺.git文件,自然也不会出现像第一种方法那个报错。下面提供官网的下载地址:
https://flutter.dev/docs/development/tools/sdk/releases
这里我选择的是beta版的现时的最高版本 v1.7.8+hotfix.2
下载完成后放到指定文件夹,别忘了把bin目录配置到环境变量

第四步 运行 flutter doctor

如果你配置好环境变量,打开dos命令框运行flutter doctor ,这个过程稍微有点长,稍安勿躁。完成之后可能会报sdk找不到,这个时候如果你没安装Android sdk,那就需要你安装了,如果已经安装,需要在环境变量中配置ADNROID_SDK 然后变量值指定到你的sdk目录下就可以了。报flutter插件未安装,这个您需要您打开android studio,在安装插件的地方搜索flutter,安装就可以了。最后在dos命令窗口里输入flutter命令后,输出Manage your Flutter app development.基本大功告成。

最后

在Androidstudio中选择file->new->new flutter project 创建一个flutter工程,编译完成后,运行程序,熟悉的hello word就呈现在您的眼前,恭喜你学会了flutter

你可能感兴趣的:(Windows下flutter环境安装的踩坑体验-终极版)