文章目录

一、Flutter概述
二、安装Git for Windows
- （一）下载Git
- （二）安装Git
- （三）配置环境变量
- （四）命令行运行Git
三、安装Android Studio
- （一）下载Android Studio
- （二）安装Android Studio
- （三）启动Android Studio
- （四）创建Android Studio项目
- （五）安装SDK工具
- （六）安装Flutter插件
- （七）创建安卓虚拟机
- （八）配置环境变量
四、安装Flutter SDK
- （一）下载Flutter SDK
- （二）配置环境变量
- （三）启动Flutter命令行
- （四）测试是否安装成功
五、创建并运行Flutter项目
- （一）创建Flutter项目
- （二）运行Flutter项目

一、Flutter概述

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
要搭建Flutter开发环境，需要安装配置Git、Android Studio、Android SDK以及Android虚拟机

软件	根目录	重要子目录
Git	C:\Program Files\Git	C:\Program Files\Git\cmd
Android Studio	D:\Android\Android Studio
Android SDK	D:\Android\Sdk	D:\Android\Sdk\tools\bin
Flutter	D:\flutter	D:\flutter\bin D:\flutter\bin\cache\dart-sdk\bin

二、安装Git for Windows

如果不安装Git并配置好环境变量，后面运行flutter doctor时将出现Unable to find git in your PATH错误。

（一）下载Git

网址：https://git-scm.com/download/win

（二）安装Git

双击Git安装程序图标，进入安装向导
选择安装位置
选择安装组件
选择开始菜单文件夹
选择Git默认使用的编辑器
让Git决定初始分支的名称
调整你的PATH环境变量
选择SSH可执行文件
选择HTTPS传输后端
配置行尾转换器

……采用默认配置，一路单击【Next】按钮
单击【Finish】按钮，完成Git安装

（三）配置环境变量

Path变量：添加C:\Program Files\Git\cmd

（四）命令行运行Git

在命令行，执行git --version，查看Git版本

三、安装Android Studio

（一）下载Android Studio

下载网址：https://developer.android.google.cn/studio/
单击【Download Android Studio】按钮
勾选“I have read and agree with the above terms and conditions”复选框，单击【Download Android Studio Bumblebee 2021.1.1 Patch 2 for Windows】按钮

（二）安装Android Studio

双击安装程序图标，进入安装向导
选择组件
选择安装位置
选择开始菜单文件夹
单击【Install】按钮，进行安装
安装完成
单击【Next】按钮
单击【Finish】按钮，就完成了Android Studio的安装

（三）启动Android Studio

双击桌面Android Studio图标（或者通过开始菜单也可以启动）
显示启动画面
显示安卓欢迎窗口
单击【Next】按钮，然后选择自定义安装类型
选择缺省JDK位置
选择UI主题
SDK组件安装，注意：Android SDK的安装位置 - D:\Android\Sdk （这个目录是需要用户自己创建的）
检验设置
模拟器设置
许可证协议，选择【Accept】单选按钮
单击【Finish】按钮，开始下载组件，直到下载完成
单击【Finish】按钮
注意：Android Studio和Android Sdk的安装位置

（四）创建Android Studio项目

在【Welcome Android Studio】窗口里，单击【New Project】按钮
选择Empty Activity
设置项目信息（D:\AndroidStudioProjects是用户自己创建的）
单击【Finish】按钮

（五）安装SDK工具

单击工具栏上的【SDK Manager】按钮，打开SDK管理器
单击【SDK Tools】选项卡，勾选红框中的工具
单击【OK】按钮，勾选【Accept】单选按钮
单击【Next】按钮，安装请求的组件
模拟器设置，采用默认值
许可证协议，勾选【Accept】按钮
单击【Next】按钮，调用安装程序，直到安装完成
单击【Finish】按钮
单击【Finish】按钮，完成按钮

（六）安装Flutter插件

打开设置对话框，在插件搜索框里输入flutter，找到Flutter插件
单击【Install】按钮
单击【Restart IDE】按钮，此时New菜单下会有New Flutter Project...选项

（七）创建安卓虚拟机

单击工具栏上的【Device Manager】按钮，打开设备管理器
单击【Create virtual device】链接，选择设备 - Pixel 4 XL（用户可选择自己喜欢的机型）
选择系统映像 - API 32
单击【Download】链接，安装请求的组件
单击【Finish】按钮
单击【Next】按钮，校验配置
单击【Finish】按钮
启动安卓虚拟机

（八）配置环境变量

Path环境变量添加 D:\Android\Sdk\tools\bin

四、安装Flutter SDK

（一）下载Flutter SDK

从GitHub下载（git clone -b master https://github.com/flutter/flutter.git）
flutter压缩包下载链接：https://pan.baidu.com/s/1DUbkzR5ZjnN-Nwb8xYyUdQ 提取码：ojwp

（二）配置环境变量

在系统变量的Path属性添加 - D:\flutter\bin
单击“用户变量”的“新建”按钮，添加用户变量

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

（三）启动Flutter命令行

找到Flutter安装目录里flutter_console.bat
双击运行并启动flutter命令行

（四）测试是否安装成功

在Flutter命令行执行flutter doctor，查看是否需要安装任何依赖项来完成安装
有两个问题：一个是无法定位Android SDK；一个是没有安装Visual Studio。只需要解决无法定位Android SDK的问题
执行命令：flutter config --android-sdk D:\Android\Sdk
再次执行命令：flutter doctor，产生一个新问题：一些安卓许可证没有被接受
执行命令：flutter doctor --android-licenses
执行命令flutter doctor --android-licenses，一路按y，同意下去
最后提示：All SDK package licenses accepted，那就解决了安卓SDK包许可证问题
再次执行flutter doctor
Flutter、Android toolchain与Android Studio安装成功，我们就可以踏上Flutter开发之旅。

五、创建并运行Flutter项目

（一）创建Flutter项目

单击【File | New | New Flutter Project…】
设置项目信息（项目名不能用大写字母，建议用下划线连接小写单词）

（二）运行Flutter项目

单击工具栏上的运行按钮
设置模拟器的显示模式 - Window
单击【Window】选项，以窗口模式显示模拟器
单击⨁\bigoplus⨁按钮，手机屏幕会显示单击按钮次数

Flutter学习笔记01：搭建Flutter开发环境相关推荐

JavaEE——Spring学习笔记01【Ioc开发的模式】
JavaEE--Spring学习笔记01[Ioc开发的模式] JavaEE--Spring学习笔记02[Spring和Mybatis的整合] JavaEE--Spring学习笔记03[AOP开发] J ...
NRF51822开发笔记-1.搭建NRF51822开发环境
NRF51822开发笔记-1.搭建NRF51822开发环境一.准备软件包二.安装keil MDK并破解三.安装NRF SDK 四.安装nRFgo studio 五.安装Jlink驱动一.准备软 ...
51单片机学习笔记1 简介及开发环境
51单片机学习笔记1 简介及开发环境一.51单片机 1. STC89C52单片机简介 2. 命名规则 3. 封装 (1)PDIP (2)LQFP (3)PLCC (4)PQFP 二.STC8051结 ...
【Android基础笔记01】Android开发环境搭建和HelloWorld
最近手头项目3.0版本要上线了, 没有那么多工作压力了, 抽空看了看之前在云笔记上做的笔记都是一些基础知识给大家分享出来吧一.什么是Android?[了解 ] Android(中文俗称安卓)是一 ...
Python学习笔记2-搭建Python开发环境
1 Python开发环境概述所谓"工欲善其事,必先利其器".在正式学习Python开发前,需要先搭建Python开发环境.Python是跨平台的开发工具,可以在多个操作系统上进 ...
Quick cocos2dx-Lua（V3.3R1）学习笔记(十)-----搭建安卓打包环境，用官方示例anysdk生成apk运行...
话说我这一篇就写搭建打包安卓环境,是不是有点过早了(其实我主要是怕以后重装系统,忘了怎么搭建了),但是迟早要面对的痛苦,一直延后也不是办法,对吧. 在官方文档中,对于打包安卓apk,已经很清楚了,我写 ...
Vue学习笔记01：准备开发与调试环境
文章目录一.安装Vue.js (一)使用独立版本 1.开发版本 2.生产版本 3.案例演示 (二)使用CDN方式 1.采用 Staticfile CDN 2.案例演示 (三)使用NPM方式 1.安装 ...
【Flutter 学习笔记八】 Flutter plugin not installed; this adds Flutter specific...
简单描述安装好Android Studio后,运行flutter doctor命令检查配置环境,报如下错误: 解决办法解决以下俩个问题: Flutter plugin not installed; ...
NXP RT1064学习笔记（一）— 开发环境
最近在做RT1064的开发,网上能找到的资料不多,基本上都是NXP官方的资料,于是决定自己写笔记做个记录. i.MX RT1064 简介 i.MX RT1064 处理器属于全新的处理器系列,采用恩智浦 ...

Flutter学习笔记01：搭建Flutter开发环境

文章目录

一、Flutter概述

二、安装Git for Windows

（一）下载Git

（二）安装Git

（三）配置环境变量

（四）命令行运行Git

三、安装Android Studio

（一）下载Android Studio

（二）安装Android Studio

（三）启动Android Studio

（四）创建Android Studio项目

（五）安装SDK工具

（六）安装Flutter插件

（七）创建安卓虚拟机

（八）配置环境变量

四、安装Flutter SDK

（一）下载Flutter SDK

（二）配置环境变量

（三）启动Flutter命令行

（四）测试是否安装成功

五、创建并运行Flutter项目

（一）创建Flutter项目

（二）运行Flutter项目

Flutter学习笔记01：搭建Flutter开发环境相关推荐

最新文章

热门文章