Windows环境安装Flutter

简介: 今天给大家带来的是flutter的安装在介绍之前请允许我做个自我介绍 目前是51CTO博客首席体验官,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。等

今天给大家带来的是flutter的安装

在介绍之前请允许我做个自我介绍 目前是51CTO博客首席体验官,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。等

Flutter是什么

Flutter是一个开源软件开发工具包 (SDK),用于“帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台”。允许跨平台开发。这样可以使您的公司和团队节省大量时间和精力。

那么,这究竟是什么意思?假设我们有一位开发人员创建了一个惊人的应用程序,并且人们喜欢它。但是,该应用程序仅在 Android上受支持。因此,开发人员决定花费大量时间学习 IOS以支持更多用户使用他们的应用程序。即使在学习了如何构建  IOS应用程序之后,他们也意识到他们的应用程序必须支持所有类型的  IOS设备,然后去一一适配,这会让他们头秃。解决这些问题。只需引入Flutter就可以解决,这就是 Flutter 的用武之地。接下来开始正文

Windows环境安装Flutter

Windows 系统要求

要在 Windows 系统上安装和运行 Flutter,您首先需要满足您的开发环境的这些要求。

操作系统 Windows 7 或更高版本(我是 Windows 10。您也可以使用 Mac 或 Linux 操作系统。)。
磁盘空间 400 MB(不包括用于 IDE/工具的磁盘空间)。
工具 1. Windows PowerShell 2. Git for Windows 2.x(此处,从 Windows 命令提示符选项使用 Git)。
开发工具包 适用于 Windows 的 Flutter SDK
集成开发环境 Android Studio(官方),Vscode

安装 Flutter SDK

第一步下载Flutter Software Development Kit for windows的安装包。要下载 Flutter SDK,请访问其官方网站,单击Get started按钮,您将看到以下屏幕。

网络异常,图片无法展示
|

第 2 步接下来,要下载最新的 Flutter SDK,请单击 Windows图标。在这里,您将找到SDK的下载链接。

网络异常,图片无法展示
|

第 3 步下载完成后,解压zip文件并将其放置在所需的安装文件夹或位置,例如 D:\fvm\versions\2.5.1。

注意 Flutter SDK 不应该放在需要管理员权限的地方。

第 4 步要在常规 Windows 控制台中运行 Flutter 命令,您需要更新系统路径以包含 flutter bin 目录。执行此操作需要执行以下步骤:

步骤 4.1转到 MyComputer 属性 -> 高级选项卡 -> 环境变量。您将看到以下屏幕。

网络异常,图片无法展示
|

网络异常,图片无法展示
|

网络异常,图片无法展示
|

网络异常,图片无法展示
|

我的是2.5.1,懒得升了,大家用2.5.3的

网络异常,图片无法展示
|

Step 4.2: -> click on edit. The following screen appears.

步骤4.3在上面的窗口中,点击新建->变量值中Flutter bin文件夹的写入路径->确定->确定->确定。

第 5 步现在,运行 $ flutter doctor命令。此命令检查 Flutter 应用程序开发的所有要求,并显示 Flutter 安装状态报告。

网络异常,图片无法展示
|

第 6 步当您运行上述命令时,它将分析系统并显示其报告,如下图所示。在这里,您将找到运行 Flutter 所需的所有缺失工具的详细信息,以及可用但未与设备连接的开发工具。

下一节教大家安装android studio和vscode



相关文章
|
5月前
|
Java 开发工具
鸿蒙Flutter实战:02-Windows环境搭建踩坑指南
本指南介绍如何搭建鸿蒙Flutter开发环境,包括下载Flutter SDK、配置环境变量(如FLUTTER_STORAGE_BASE_URL、PUB_HOSTED_URL、DEVECO_SDK_HOME等)和检查工具版本。还提到避免项目路径过深、与SDK同盘存放等注意事项,以及解决VsCode无法识别设备的方法。
131 0
|
7月前
|
Linux C++ Windows
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
【Azure 应用服务】Azure App Service(Windows)环境中如何让.NET应用调用SAP NetWeaver RFC函数
|
3月前
|
弹性计算 开发框架 安全
基于云效 Windows 构建环境和 Nuget 制品仓库进行 .Net 应用开发
本文将基于云效 Flow 流水线 Windows 构建环境和云效 Packages Nuget 制品仓库手把手教你如何开发并部署一个 .NET 应用,从环境搭建到实战应用发布的详细教程,帮助你掌握 .NET 开发的核心技能。
|
7月前
|
传感器 网络协议 物联网
手把手教你在 Windows 环境中搭建 MQTT 服务器
手把手教你在 Windows 环境中搭建 MQTT 服务器
473 0
|
4月前
|
Dart 搜索推荐 IDE
Windows下Zed编辑器配置Dart环境
本文介绍了Dart编程语言及其主要框架Flutter的优势,并推荐使用轻量级编辑器Zed进行Dart开发。详细步骤包括Dart环境的安装与配置,Zed编辑器的安装与个性化设置,以及如何在Zed中编写并运行Dart的HelloWorld程序。通过自定义任务实现Dart文件的快速运行,提高了开发效率。
|
5月前
|
应用服务中间件 Shell PHP
windows系统配置nginx环境运行pbootcms访问首页直接404的问题
windows系统配置nginx环境运行pbootcms访问首页直接404的问题
|
5月前
|
Oracle 关系型数据库 MySQL
Mysql(1)—简介及Windows环境下载安装
MySQL 是一个流行的关系型数据库管理系统(RDBMS),基于 SQL 进行操作。它由瑞典 MySQL AB 公司开发,后被 Sun Microsystems 收购,现为 Oracle 产品。MySQL 是最广泛使用的开源数据库之一,适用于 Web 应用程序、数据仓库和企业应用。
101 2
|
6月前
|
SQL JavaScript 数据库
sqlite在Windows环境下安装、使用、node.js连接
sqlite在Windows环境下安装、使用、node.js连接
|
5月前
|
Windows
Windows系统环境编写DOS批处理文件
Windows系统环境编写DOS批处理文件
80 0
|
7月前
|
Java 应用服务中间件 Windows
【App Service for Windows】为 App Service 配置自定义 Tomcat 环境
【App Service for Windows】为 App Service 配置自定义 Tomcat 环境

热门文章

最新文章

  • 1
    【Flutter 开发必备】AzListView 组件全解析,打造丝滑索引列表!
    32
  • 2
    flutter3-wetrip跨平台自研仿携程app预约酒店系统模板
    34
  • 3
    通过外部链接启动 Flutter App(详细介绍及示例)
    33
  • 4
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
    158
  • 5
    零基础构建即时通讯开源项目OpenIM移动端-Flutter篇
    101
  • 6
    flutter3-dart3-dymall原创仿抖音(直播+短视频+聊天)商城app系统模板
    62
  • 7
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    175
  • 8
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    56
  • 9
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
    82
  • 10
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    179