windows + flutter +android+ vscode 安装配置运行流程（详细版本）

flutter

是由谷歌发布的一个全新的响应式、跨平台、高性能的移动开发框架，能够快速在iOS和Android上构建高质量的原生用户界面。

框架特色

快速开发：Flutter的热重载能够快速地进行测试、构建UI、添加功能并更快地修复错误。
富有表现力，漂亮的用户界面：自带的Material Design和Cupertino（iOS风格）widget、丰富的motion API、平滑而天然的滑动效果。
响应式框架：使用Flutter的现代、响应式框架，和一系列基础widget，轻松构建您的用户界面。
访问本地功能和SDK：Flutter能够复用现有的Java、Swift或ObjC代码，访问iOS和Android上的原生系统功能和系统SDK。
统一的应用开发体验：Flutter拥有丰富的工具和库，能够帮助开发者轻松地同时在iOS和Android系统中实现想法和创意。
原生性能：Flutter包含了许多核心的widget，如滚动、导航、图标和字体等，这些均可以在iOS和Android上达到原生应用同样的性能。

环境

window10
vsCode
Android Studio

安装配置步骤

第一步：下载Flutter SDK
Windows桌面右键点击git base here。固然你也能够选择一个文件夹打开git 命令行窗口，输入如下命令下载Flutter SDK。
git clone -b alpha https://github.com/flutter/flutter.git·

第二步：配置环境变量。

用户变量

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

PATH: C:\Users\Aijiar\Desktop\flutter\bin

系统变量

你须要在Windows 环境变量Path中添加flutter的路径。路径指向到Flutter文件的bin路径以下图：

 

第三步 开发软件。
安装Android Studio 以及Android SDK，以及vscode(本人力推)，安装完vscode以后再vscode的应用里安装flutter和dart插件如图：

安装完成重启vscode.
在编辑器的左下角的设置点击进入 “命令面板”，在命令面板中点击flutter：new project 项

 

并建立项目名称，按enter

 

所以咱们建立了第一个flutter项目

 

在这里咱们以前已经安装过Android Studio 以及Android SDK，再次咱们运行Android Studio，打开模拟器（这里本人习惯用vscode），习惯用Android Studio的同窗只要在里面安装dart和flutter插件就行了。（在这里咱们只是使用Android Studio的模拟器）,将模拟器运行起来。

注意:手机设置开启开发者模式-USB调试及安装模式开启

语言拓展

flutter使用的编程语言是Dart，您能够在其官网了解和学习这门语言，Dart官网：https://www.dartlang.org/