Windows下Flutter开发环境搭建

一、下载flutter

1、方式一:使用git下载

git clone -b beta https://github.com/flutter/flutter.git 从Git服务器拉数据的截图。

Windows下Flutter开发环境搭建_第1张图片

Git默认的HOME和~路径一般都是C:\Users\用户名,如果你修改了Git的默认路径,就自己去找。下图是下载后的flutter文件夹。

Windows下Flutter开发环境搭建_第2张图片

2、方式二:直接下载zip包,解压就可以使用

Flutter SDK 下载地址:https://storage.googleapis.com/flutter_infra/releases/beta/windows/flutter_windows_v0.5.1-beta.zip 

Github Flutter SDK 地址:https://github.com/flutter/flutter

下载flutter的路 径  E:\flutter

Windows下Flutter开发环境搭建_第3张图片

二、配置安装前的环境变量

1、添加flutter到环境变量

Windows下Flutter开发环境搭建_第4张图片

2、将flutter的国内镜像添加到环境变量

安装Flutter需要访问谷歌的服务器,由于众所周知的原因,我们受到限制,谷歌提供了国内的镜像,需要配置到环境变量:

PUB_HOSTED_URL:https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn

注意,这两个变量与Path的同级的,这两个变量与Path的同级的,这两个变量与Path的同级的,重要的事说三遍,如果有人放到Path里面,就无效了,会导致flutter doctor执行失败,无法创建flutter项目。

Windows下Flutter开发环境搭建_第5张图片

Windows下Flutter开发环境搭建_第6张图片

3、在命令行输入flutter验证flutter的安装

Windows下Flutter开发环境搭建_第7张图片

三、使用flutter doctor命令,安装必要的资源

在命令行输入flutter doctor,flutter会根据需要进行安装

安装过程:

Windows下Flutter开发环境搭建_第8张图片

 

完成后的检查:

Windows下Flutter开发环境搭建_第9张图片

对勾就是已经安装好了,叉号就是没安装,感叹号就是不完整。总结一下,我们需要Flutter、Android Studio或IntelliJ IDEA、VS Code可选、Connected device。如上图,已经可以进行开发了。

四、安装Android Studio的flutter和dart插件,并配置Android Studio

1、安装flutter插件

Windows下Flutter开发环境搭建_第10张图片

 

2、安装dart插件

Windows下Flutter开发环境搭建_第11张图片

3、配置Android Studio

Windows下Flutter开发环境搭建_第12张图片

 

 

Windows下Flutter开发环境搭建_第13张图片

 

五、新建Flutter工程

第一步:

Windows下Flutter开发环境搭建_第14张图片

第二步:

Windows下Flutter开发环境搭建_第15张图片

第三步:

Windows下Flutter开发环境搭建_第16张图片

第四步:

Windows下Flutter开发环境搭建_第17张图片

第五步:完成

Windows下Flutter开发环境搭建_第18张图片

 

你可能感兴趣的:(Android,android,studio)