Flutter windows 环境配置

已于 2023-12-25 13:00:57 修改
阅读量3.3k 收藏 37
点赞数 29
文章标签： flutter windows
于 2023-12-24 23:35:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DDDHL_/article/details/135188905
版权

Flutter windows 环境配置

从零开始，演示flutter环境配置到启动项目，同时支持 vscode 和 android studio

目录

一、环境配置

1. Flutter SDK

Flutter Windows SDK 下载地址

（1）将解压后的bin目录放入系统环境变量的Path中

Tips : 放在系统变量中时，需要管理员CMD才能使用命令，可以选择放在用户变量中

解压目录\flutter\bin
解压目录\flutter\bin\cache\dart-sdk\bin

在这里插入图片描述

（2）新建系统变量，配置源

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

# 清华源（如果官方的临时源速度慢，可以用这个，速度快）
PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub
FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter
在这里插入图片描述在这里插入图片描述

（3）检测配置

# 测试是否配置完成 （管理员CMD）
flutter --version
dart --version

# 可以检测系统缺少什么 chrome可以用edge替代，visual studio 自行安装
flutter doctor

2. Android Studio

Android Studio下载地址

（1）打开软件后会提示Android SDK未安装，取消掉，一直默认next即可。

（2）正式进入软件界面后，在 Project 界面中点击 More Actions ，选择SDK Manager

在这里插入图片描述

（3）在弹出的页面中，选择Android SDK Command-line Tools (latest) , 再点击ok即可安装。

在这里插入图片描述

（4）android-licenses

# CMD输入命令 一直Y
flutter doctor --android-licenses

（5）最后可以在Android Studio 中的 More Actions中选择合适的安卓模拟器进行安装，默认会带一个模拟器。

在这里插入图片描述

3. JDK

JDK 下载地址

正常安装，我安装的是21版本，一直next即可

# 新建环境变量
JAVA_HOME=安装目录
CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib;
在这里插入图片描述在这里插入图片描述
# 环境变量Path
%JAVA_HOME%\bin

在这里插入图片描述

4. 拓展安装

需要安装 dart + flutter

（1）vscode - 插件市场上安装

在这里插入图片描述在这里插入图片描述

（2）Android Studio - Plugins中安装

在这里插入图片描述

5. Visual Studio 2022

选择C++桌面开发后，右侧列表中检查是否勾选了Windows SDK，需要勾选，再点击安装即可。

在这里插入图片描述

二、项目创建和启动

1. vscode

（1）ctrl+shift+p 搜索 Flutter 选择 Flutter:New Project

在这里插入图片描述

（2）选择Application，点击后需要选择项目目录，并输入名称

在这里插入图片描述

（3）创建项目完成

在这里插入图片描述

（4）右下角Select Device可选择启动设备

在这里插入图片描述

（3）选择启动的平台，下面是Android Studio默认的模拟器

在这里插入图片描述

（4）启动项目

首次启动会下载相关包，需要github的网络，如果等了很久可以切换清华源

# 可能会卡在这里很久，需要注意是否能访问github
Flutter assets will be downloaded from https://mirrors.tuna.tsinghua.edu.cn/flutter. Make sure you trust this source!
Launching lib\main.dart on sdk gphone64 x86 64 in debug mode...
Flutter assets will be downloaded from https://mirrors.tuna.tsinghua.edu.cn/flutter. Make sure you trust this source!
Running Gradle task 'assembleDebug'...

启动方式有两种

① 控制台输入 flutter run

在这里插入图片描述

② 使用vscode的运行与调试，点击运行

在这里插入图片描述

2. Android Studio

（1）安装完拓展后会显示新的选项，选择New Flutter Project

在这里插入图片描述

（2）选择flutter后，这边可以选择项目的初始化设置，不需要的可以取消，取消后不会生成对应目录。

在这里插入图片描述

（3）先选择模拟器后再启动项目

在这里插入图片描述
（4）启动后模拟器不会自动弹出，需要点击右下角的 “Running Devices”

在这里插入图片描述

Windows下配置Flutter开发环境
学无止境
03-10 6388
安装Git 你需要安装Git作为Flutter SDK的下载工具。 安装教程：http://blog.csdn.net/johnwcheung/article/details/53090728 下载Flutter SDK Windows桌面右键点击git base here(当然你也可以选择一个文件夹打开git命令行窗口)，输入以下命令下载Flutter SDK: git clone......
Flutter 之 Windows环境搭建
m0_58992500的博客
03-25 1067
Flutter是Google开源的移动UI框架，用于构建高性能、美观的跨平台应用。以下是在Windows环境下搭建Flutter开发环境的步骤。
Windows Flutter环境配置教程
2501_91373349的博客
03-27 837
至此，Flutter 开发环境的配置已经完成。你可以开始使用 Flutter 进行跨平台应用的开发。如果在 iOS 应用发布过程中遇到问题，不妨试试，它将帮助你更高效地管理证书和上传应用。
Windows 搭建Flutter开发环境教程
热门推荐
m0_74838706的博客
02-28 1万+
最新版 Windows 搭建Flutter开发环境教程（亲测有效，2023年9月更新）
Flutter Windows应用开发环境配置
索命的博客
06-26 2587
Flutter Windows 开发入门
Windows配置Flutter环境
此心光明事上练的博客
01-20 754
Flutter 基于谷歌的 dart 语言，如果没有任何 Dart 语言的基础，不建议直接学习 Flutter。建 议先学习 Dart 语言的基本语法。然后再进入 Flutter 的学习。 一、配置JDK环境变量，参考：JDK环境变量配置（win7、win10） 二、下载安装 Android Studio（AS下载地址） 三、下载配置 Flutter Sdk 1、下载Flutter SDK： 下载方式一：https://flutter.dev/docs/development/tools/sdk/
Flutter开发Windows环境配置
01-03
一、下载FlutterSDK 二、配置电脑系统环境：  1、配置flutter镜像： ...2、配置flutterSDK环境变量  FLUTTER_SDK_HOME=E:\Flutter\sdk\flutter（这个是你flutterSDK的所在目录） 3、在系统变量添加 ：%FLUTTER_SDK
windows系统 flutter 开发环境配置
dave的技术成长之路
06-05 744
1、管理员运行powershell，安装：Chocolatey 工具，粘贴复制运行下列脚本: 2、使用choco(Chocolatey 工具) 安装dart-sdk 3、使用choco安装 fvm （flutter 版本管理工具） 4、使用fvm 安装 flutter
Flutter 项目：flutter的安装和环境配置
03-10
### Flutter项目：Flutter的安装与环境配置 #### 一、系统要求 为了成功地安装和运行Flutter，您的Windows环境必须符合以下系统要求。 ##### 硬件要求 **最低要求**： - **CPU**: x86_64架构 - **核心数**: 至少...
【Windows】配置Flutter开发环境
weixin_45625639的博客
06-15 687
【Windows】配置Flutter开发环境
Flutter 开发环境配置--宇宙级教学！
weixin_52905182的博客
12-03 5490
2.D:\flutter_windows\flutter\packages\flutter_tools\lib\src下的http_host_validator.dart 文件，修改。解决：D:\androidstudio\Sdk\tools\bin\sdkmanager --install “cmdline-tools;解决：flutter config --android-sdk D:\androidstudio\Sdk。解决：运行 flutter doctor --android-licenses。
flutter pc_Flutter环境配置（window10环境）
weixin_39838231的博客
12-21 371
一,下载对应的flutter SDK二，将SDK解压，位置随意。如下图所示三，打开解压的flutter文件夹，找到bin，复制如下图地址四，设置环境变量-环境变量-->找到系统变量-->Path-->编辑-->新建-->粘贴-保存五，配置国内镜像。环境变量-->找到用户变量-->点击新建FLUTTER_STORAGE_BASE_URL 值：https://...
Flutter的window配置
陈小白
04-14 798
第一步 配置环境变量 在用户变量的环境变量进行配置 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 第二步 下载Fluter的SDK 在fluterSDK地址下载你想要的版本的SDK，建议就是新手的就是下载最新的稳定版本 第三步 解压配置环境变量 将下载好的ZIP包解压到你要存放fluter的文件夹里面 建议文...
Flutter在Windows的环境搭建
最新发布
2302_80036039的博客
04-17 684
Windows下只能搭建Android开发环境；Mac下技能搭建Android开发环境，也能搭建IOS开发环境；根据情况选择然后双击安装包，一直Next、Next、Next、Next、Next、Next、Next、Next.......Finishi最后在命令行验证是否安装成功：win+r输入cmd打开终端，输入出现版本号说明安装成功。
windows配置Flutter环境
梦幻蓝雨的博客
10-19 2463
最近需要开发一个APP，本来想用UNI-APP来做，后来发现很多坑，果断放弃UNI使用Flutter来开发，记录下我学习Dart与配置Flutter时碰到的一些问题。
Windows Flutter开发环境配置
征征酱
07-19 210
第一步配置 java JDK 1.1 打开百度搜索 java jdk下载 1.2 选择第一个点击进入 点击 接收许可协议 根据需求选择你们的版本 是windows系统还是 linux 系统 还是mac系统。 但是:(现在的现在jdk是要进行oracle账号注册登录的,所以需要小伙伴你们去注册) 我这里有一份 window x64的 window小伙伴可以使用，有需要的小伙伴可以下载 链接：h...
flutter 环境配置
03-22
### 如何配置 Flutter 开发环境 #### 下载并安装 Flutter SDK 为了开始配置 Flutter 的开发环境，首先需要下载 Flutter SDK。可以在中国镜像站点或者官方站点上找到适合的版本进行下载[^1]。完成下载之后，解压缩文件到指定目录，并通过执行 `flutter_console.bat` 文件来初始化环境设置。 #### 设置环境变量 接着，在操作系统中配置环境变量以便于命令行工具能够识别 Flutter 命令。这一步骤对于确保全局范围内都可以调用 Flutter 至关重要[^3]。具体操作如下： - 打开系统的高级设置界面； - 编辑 PATH 变量，加入 Flutter 的 bin 路径（例如 C:\flutter\bin）。 #### 测试安装是否成功 在终端窗口输入以下命令验证安装情况以及检查是否有任何依赖项缺失： ```bash flutter doctor ``` 此命令会扫描当前机器上的配置状态，并报告可能存在的问题或建议改进措施[^2]。 #### 安装 Android Studio 和其他必要组件 除了基本的 Flutter 工具链外，还需要准备一个集成开发环境 (IDE)，比如 Google 推荐使用的 Android Studio 来辅助编码工作流[^4]。访问其官网链接获取最新版软件包后按照提示逐步完成整个过程即可。 --- ### 提供一段简单的 Dart 代码作为测试用途 当一切就绪以后，可以用下面这段小程序尝试运行第一个应用程序以确认整体流程无误。 ```dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('Hello World')), body: Center(child: Text('Welcome to Flutter!')), ), ); } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

holden丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值