win10下Flutter环境搭建

Flutter环境搭建

一、Flutter简介

来自flutter中文网的介绍：

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。
Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

二、相关环境配置

1、flutter配置

1. 下载flutter文件
   下载地址：
   https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.2.1-stable.zip
2. 配置flutter环境变量
   将文件解压到相应的目录，并设置环境变量，如图：
   Path下添加存放的文件夹+/flutter/bin，以下是添加相关https请求：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2、android配置

1. 下载地址：
   http://www.android-studio.org/
2. 安装并进行配置
   安装的的时候可以指定相应的位置，等待完成启动，启动的时候会提示一个Http弹窗提示，让我们设置代理，解决方案：编辑bin文件夹下的idea.properties文件，在末尾添加disable.android.first.run=true；接着配置一下sdk的环境变量：

1）新建一个环境变量名称为ANDROID_HOME，变量值为当前安装SDK的目录。
2）把%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools​​​​​​​添加到Path环境变量中。

如图：

进入cmd，进行查看是否配置成功：输入adb

3. 安装flutter相关插件
通过Plugins搜索flutter进行插件安装。

安装插件的时候可能会出现问题，等待时间过长等，这时候可以通过File->Settings->Apparence & Behavior->System Settings->Updates->use secure connnection 勾去掉该设置进行获取插件。

3、vs code配置

如果需要使用vs Code进行开发，只需要安装flutter插件就可以。

三、检查环境配置

输入flutter doctor，此时可能会提示一串警告，如图：此时只要输入flutter doctor --android-licenses，根据提示一路“y”执行即可。

最后的环境结果：因为本地安装了IDEA和Android studio，此时只要有一个IDE安装了flutter插件既可，这个可以忽略。

四、第一个程序

这边使用的是VS code 进行创建项目。输入F1，进行new 一个flutter project，并输入项目名称，如图：

新建完成后会默认有以下层级文件，找到 lib 下的main.dart执行。如图：

等待一段时间后，会在虚拟机上安装apk文件，此时第一默认app就完成了。