首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >《Flutter》-- 2.Windows系统下搭建开发环境

《Flutter》-- 2.Windows系统下搭建开发环境

作者头像
爱学习的程序媛
发布于 2022-04-07 08:19:53
发布于 2022-04-07 08:19:53
2K02
代码可运行
举报
文章被收录于专栏:学习/读书笔记学习/读书笔记
运行总次数:2
代码可运行

参阅书籍:

Flutter跨平台开发入门与实践》-- 向治洪(著)

《基于Android Studio的案例教程》-- 宋三华(著)

2. Windows系统下搭建开发环境

学习Flutter,推荐使用mac OS系统,因个人是Windows系统的电脑,暂时只进行Android环境的搭建。开发工具可以使用Android Studio或VS Code,这里使用Android Studio,需要先安装配置JDK。

2.1 JDK
2.1.1 下载

在Oracle官网中选择对应版本进行下载。

2.1.2 安装

和安装其他软件类似,双击安装程序,然后基本下一步下一步,直到安装完成。

2.1.3 配置环境变量

需要将JDK的安装路径(例如:C:\Program Files\Java\jdk-11.0.6\bin)配置到环境变量中,然后打开cmd运行窗口,输入“java”,若能看到Java命令的帮助信息,说明JDK环境变量设置成功。

2.2 Android Studio
2.2.1 下载

在官网(https://developer.android.google.cn)中下载。

2.2.2 安装

程序下载完成后,双击安装,单击“Next”按钮,按照默认选项安装即可。

安装完成后,运行Android Studio程序,在弹出的对话框中选择“Do not import settings”单选按钮,单击“OK”按钮。

因为网络问题,Android Studio会提示设置代理服务器,单击“Cancel”按钮。

弹出欢迎界面后,按照默认提示,一路单击“Next”按钮,等SDK下载完成后,单击“Finish”按钮。

2.2.3 配置

安装完成后,进入Android Studio建立/导入项目的界面,先配置Android模拟器。

选择Configure -> SDK Manager,在弹出框中选中需要的Android平台,单击“Apply”按钮,确认后进行下载。

选择Configure -> AVD Manager,在弹出框中单击“+ Create Virtual Device...”按钮,进入虚拟机的硬件信息选择界面。

左侧选择Phone,中间选择Pixel 2,单击“Next”按钮,进入AVD对应的硬件产品类型界面。

选择要下载的Android系统镜像文件(例如:Oreo 27),单击Download进行下载,下载完成后单击“Next”按钮,进入设置对应虚拟系统的外观信息界面。

可以设置虚拟机的名称、屏幕显示方式,然后单击“Finish”按钮完成虚拟机的设置。

单击Actions列的三角启动按钮启动虚拟机。

2.3 Flutter
2.3.1 下载

在Flutter官网(https://flutter.dev/docs/get-started/install/windows)进行下载。

2.3.2 配置

将下载的压缩文件解压到某个位置(看作是安装位置),然后将该位置的路径配置到环境变量中。

然后在cmd命令窗口中执行“flutter doctor”命令对环境进行初始化。

然后在Android Studio中安装Flutter和Dart插件。

然后需要把Flutter SDK path和Dart SDK path配置到Android Studio中。

注:

1. 不要将Flutter SDK安装/解压到需要高级权限的路径上,例如C:\Program Files或C:\Program Files (x86)。

2. 因为网络原因,有时候直接从官方默认地址拉取Flutter项目所需的依赖包会失败,Flutter官网为中国开发者搭建了临时镜像,可以在用户变量中进行添加。

FLUTTER_STORAGE_BASE_URL表示Flutter SDK的初始化地址,PUB_HOSTED_URL表示pub包下载的地址。

官方默认地址:

FLUTTER_STORAGE_BASE_URL=https://storage.googleapis.com

PUB_HOSTED_URL=https://pub.dartlang.org

2.4 创建第一个Flutter项目

选择file -> New -> New Flutter Project...,进入创建项目界面。

选择Flutter Application,单击“Next”按钮,进入项目配置界面。

可以修改项目名称、项目放置位置、项目描述,然后单击“Next”按钮,进入包名设置界面。

修改包名后,单击“Finish”按钮,项目创建完成。

单击运行按钮,在模拟器中可以看到运行的项目。

2.5 项目结构

在Flutter应用开发中,图片、静态配置和资源都可以放在assets目录下。

2.6 热重载

Flutter的热重载功能可以帮助开发者在不重新启动应用的情况下,快速地构建用户界面、添加功能以及修复漏洞。

在Flutter的热重载操作中,通过将更新后的源代码注入正在运行的Dart虚拟机即可实现热重载。在虚拟机使用新的字段和函数更新类后,Flutter框架会自动重新构建应用的Widget树,并刷新效果。

2.7 运行模式

Flutter一共提供了3种运行模式,分别是Debug、Release和Profile模式。

Debug模式又叫调试模式,主要用于软件编写过程中,可以同时在物理设备、仿真器或模拟器上运行。默认情况下,使用flutter run命令运行程序时就是使用的Debug模式。

Release模式又叫发布模式,主要用在应用发布过程中,只能在物理设备上运行,不能在模拟器上运行。使用flutter run--release命令运行程序时就是使用的Release模式。

Profile模式又叫分析模式,主要用于应用性能分析,只能在物理设备上运行,不能在模拟器上运行。

2.8 Flutter常用命令

1)创建项目:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
flutter create <项目名称>

2)查看本地版本:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
flutter channel

3)切换版本:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
flutter channel <版本名称>

4)开启Flutter对桌面和Web的支持:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
flutter config --enable-windows-desktop

5)升级Flutter SDK和依赖包:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
flutter upgrade

6)只升级依赖包:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
flutter packages get 
flutter packages upgrade
2.9 Flutter包管理

一个完整的应用往往会依赖很多的第三方包。在原生Android开发中,通常使用Gradle来管理依赖包,在iOS中则使用Cocoapods或Carthage来管理依赖包。对于Flutter,可以使用配置文件pubspec.yaml来管理第三方依赖包。

pubspec.yaml支持多种方式的插件依赖,如常见的Pub依赖,Git依赖和本地依赖。

在pubspec.yaml配置的dependencies节点中添加需要依赖的第三方插件,在命令行中输入flutter packages get命令即可下载依赖的插件。

2.10 安装配置VS Code

除了Android Studio外,VS Code也是官方推荐的一款可视化Flutter开发工具。

2.10.1 安装

在官网(https://code.visualstudio.com/Download)中下载对应安装包,和安装其他软件类似,基本下一步下一步,直到安装完成。

2.10.2 安装Flutter和Dart插件

点击左侧的

(Extensions)按钮,搜索Flutter和Dart进行安装。

2.10.3 创建一个Flutter项目

选择 View -> Command Palette... ,在弹出框中选择Flutter: New Application Project。

然后选择放置项目的目录。

最后在弹出框中修改项目名称,按回车创建项目。

2.10.4 运行项目

运行前需打开模拟器。

可以在终端输入flutter run命令运行项目。

修改main.dart中的代码,保存后,在终端输入r,实现热重载。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-04-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 爱学习的程序媛 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【深度学习】 Python 和 NumPy 系列教程(十三):Matplotlib详解:1、2d绘图(上):折线图、散点图、柱状图、直方图、饼图
Python本身是一种伟大的通用编程语言,在一些流行的库(numpy,scipy,matplotlib)的帮助下,成为了科学计算的强大环境。本系列将介绍Python编程语言和使用Python进行科学计算的方法,主要包含以下内容:
Qomolangma
2024/07/29
3910
【深度学习】 Python 和 NumPy 系列教程(十三):Matplotlib详解:1、2d绘图(上):折线图、散点图、柱状图、直方图、饼图
【深度学习】 Python 和 NumPy 系列教程(十四):Matplotlib详解:1、2d绘图(下):箱线图、热力图、面积图、等高线图、极坐标图
Python本身是一种伟大的通用编程语言,在一些流行的库(numpy,scipy,matplotlib)的帮助下,成为了科学计算的强大环境。本系列将介绍Python编程语言和使用Python进行科学计算的方法,主要包含以下内容:
Qomolangma
2024/07/29
4170
【深度学习】 Python 和 NumPy 系列教程(十四):Matplotlib详解:1、2d绘图(下):箱线图、热力图、面积图、等高线图、极坐标图
【数据可视化】Matplotlib 从入门到精通学习笔记
如果将文本数据与图表数据相比较,人类的思维模式更适合于理解后者,原因在于图表数据更加直观且形象化,它对于人类视觉的冲击更强,这种使用图表来表示数据的方法被叫做数据可视化。
小小程序员
2022/11/22
5.8K0
【数据可视化】Matplotlib 从入门到精通学习笔记
Python 的 Matplotlib 绘图库:一种强大的数据可视化工具
Matplotlib 是一个用于创建高质量图像的库,它可以生成各种静态、动态和交互式的图像。以下是一些基本的绘图类型:
运维开发王义杰
2023/08/10
3740
Python 的 Matplotlib 绘图库:一种强大的数据可视化工具
【Python篇】matplotlib超详细教程-由入门到精通(下篇)
在实际的应用场景中,我们不仅需要在程序中展示图表,有时候还需要将这些图表保存为文件,以便在其他地方使用,比如插入文档、报告或网页中。matplotlib 提供了非常方便的保存图表功能。
半截诗
2024/10/09
1.3K0
【Python篇】matplotlib超详细教程-由入门到精通(下篇)
让数据“开口说话”——数据可视化的实用指南
数据可视化,既是技术也是艺术。随着大数据时代的到来,数据可视化已成为洞察趋势、传递信息的关键方式。然而,我们常会看到一些让人摸不着头脑的图表:过于复杂、无关紧要甚至误导观众。如何避免这些问题?在实际操作中,数据可视化的最佳实践有哪些?本文将从明确目标、选择图表、简洁设计、突出重点等方面深入探讨,让你的数据真正“开口说话”。
Echo_Wish
2025/04/02
2660
让数据“开口说话”——数据可视化的实用指南
猫头虎 分享:Python库 Matplotlib 的简介、安装、用法详解入门教程
今天猫头虎 带大家一起探索一个非常重要的 Python 库——Matplotlib。这是一个强大的工具,广泛应用于数据科学、人工智能和机器学习等领域,用于创建静态、动态和交互式的可视化图表。无论你是新手还是资深开发者,本文都将帮助你全面了解 Matplotlib 的使用方法,以及如何解决在使用过程中遇到的常见问题。
猫头虎
2024/08/29
8470
python数据分析——数据可视化(图形绘制基础)
数据可视化是指利用图形、表格、图表等方式将数据展示出来,使得数据更加清晰、易于理解和分析。图形绘制是数据可视化的基础,通过绘制各种图形呈现数据,可以更加直观地了解数据之间的关系和趋势。
鲜于言悠
2024/03/20
1K0
python数据分析——数据可视化(图形绘制基础)
Matplotlib
请注意,本文编写于 980 天前,最后修改于 976 天前,其中某些信息可能已经过时。
曼亚灿
2023/05/17
1.1K0
Matplotlib
Python Matplotlib库:基本绘图补充
✅作者简介:人工智能专业本科在读,喜欢计算机与编程,写博客记录自己的学习历程。 🍎个人主页:小嗷犬的博客 🍊个人信条:为天地立心,为生民立命,为往圣继绝学,为万世开太平。 🥭本文内容:Python Matplotlib库:基本绘图补充 ---- Python Matplotlib库:基本绘图补充 1.引言 2.散点图 3.柱状图 4.火柴图 5.阶梯图 6.填充 ---- 1.引言 上期我们讲了 Matplotlib 库的基本语法,并以折线图为例,绘制了我们的第一幅图表。(参见:Python
小嗷犬
2022/11/15
6570
Python Matplotlib库:基本绘图补充
Matplotlib绘制六种可视化图表,值得收藏
可视化图表,有相当多种,但常见的也就下面几种,其他比较复杂一点,大都也是基于如下几种进行组合,变换出来的。对于初学者来说,很容易被这官网上众多的图表类型给吓着了,由于种类太多,几种图表的绘制方法很有可能会混淆起来。
double
2019/08/20
1.2K0
猫头虎分享:Python库 Matplotlib 的简介、安装、用法详解入门教程
大家好,我是猫头虎!😸今天有粉丝问猫哥:“在进行数据可视化时,应该选择什么工具来绘制图表?”猫哥第一时间想到的就是Python中强大的数据可视化库——Matplotlib。这是一个功能非常强大的库,几乎涵盖了所有你能想到的图表类型。如果你是数据科学领域的新人或想深入了解Matplotlib的高级用法,那这篇文章就是为你准备的!
猫头虎
2024/08/29
2210
python---数据可视化篇
matplotlib是Python的基本绘图模块,包含了大量的工具。 我们可以使用matplotlib创建各种图像,包括简单的折线图、柱状图等,甚至是复杂的三维图像。 matplotlib模块里有一个非常方便的子模块:pyplot,我们之后要绘制的图像主要都是依赖于这个子模块~
阑梦清川
2025/02/24
3480
python---数据可视化篇
Python 高级绘图:从基础到进阶的可视化实践
在 Python 中,我们可以使用多种库来进行绘图,其中 matplotlib 是一个非常强大的绘图库。以下将介绍一些高级的绘图技巧和代码实现:
用户10354340
2024/10/07
1400
python 画条形图(柱状图)
条形图(bar chart),也称为柱状图,是一种以长方形的长度为变量的统计图表,长方形的长度与它所对应的变量数值呈一定比例。
一个风轻云淡
2023/12/07
9341
Matplotlib入门
标题中的英文首字母大写比较规范,但在python实际使用中均为小写。 2018年7月30日笔记 作者的集成开发环境是jupyter,Python版本为3.6 建议阅读本文的读者安装anaconda3,里面包含了jupyter、python3.6和matplotlib库 下载链接: https://pan.baidu.com/s/1kKCvpXAlTdRri4lSP6gykA 密码: pygy
潇洒坤
2018/09/10
2.3K0
Matplotlib入门
从头开始的可视化数据 matplotlib:初学者努力绘制数据图
从头开始学习使用 matplotlib 可视化数据,对于初学者来说,可能会有些挑战,但 matplotlib 的核心理念非常清晰:绘制图表需要了解如何设置图形、坐标轴以及如何用数据填充它们。我们可以通过一些简单的例子来逐步介绍基本步骤。
华科云商小徐
2024/10/14
3320
Matplotlib库在Python数据分析中的应用
Matplotlib是一个基于Python的绘图库,它提供了丰富的绘图工具和函数,可以用于生成高质量的、美观的数据可视化图形。作为Python数据分析领域最常用的绘图库之一,Matplotlib广泛应用于数据分析、科学研究、工程可视化等领域。本文将详细介绍Matplotlib库的常用功能和应用场景,并通过实例演示其在Python数据分析中的具体应用。
网络技术联盟站
2023/07/04
1.5K0
Matplotlib库在Python数据分析中的应用
Python实现办公自动化的数据可视化与报表生成
引言:在现代办公环境中,数据处理和报表生成是一项重要的任务。然而,手动处理大量数据和生成报表是一项繁琐且容易出错的工作。幸运的是,Python提供了强大的工具和库,可以帮助我们实现办公自动化,从而提高工作效率和准确性。本文将高效介绍如何使用Python进行数据可视化和报表生成,让您的办公工作更加顺利。
小白学大数据
2023/07/19
5170
Pandas高级数据处理:数据可视化进阶
在数据分析领域,Pandas是一个非常强大的工具。它不仅能够高效地处理和清洗数据,还能与Matplotlib、Seaborn等可视化库无缝集成,帮助我们快速生成直观的图表。本文将由浅入深地介绍Pandas在数据可视化方面的常见问题、常见报错及如何避免或解决这些问题,并通过代码案例进行解释。
Jimaks
2025/02/24
2260
推荐阅读
相关推荐
【深度学习】 Python 和 NumPy 系列教程(十三):Matplotlib详解:1、2d绘图(上):折线图、散点图、柱状图、直方图、饼图
更多 >
交个朋友
加入腾讯云官网粉丝站
蹲全网底价单品 享第一手活动信息
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档