Flutter windows 环境配置

已于 2023-12-25 13:00:57 修改
阅读量2.3k 收藏 34
点赞数 28
文章标签： 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”

在这里插入图片描述

holden.lee
关注
  • 28
    点赞
  • 踩
  • 34
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Windows下配置Flutter开发环境
学无止境
03-10 6190
安装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环境配置
01-03
一、下载FlutterSDK 二、配置电脑系统环境：  1、配置flutter镜像： ...2、配置flutterSDK环境变量  FLUTTER_SDK_HOME=E:\Flutter\sdk\flutter（这个是你flutterSDK的所在目录） 3、在系统变量添加 ：%FLUTTER_SDK
Windows 搭建Flutter开发环境教程
m0_74838706的博客
02-28 7933
最新版 Windows 搭建Flutter开发环境教程（亲测有效，2023年9月更新）
VS CODE下配置Flutter环境（可不装Android Studio）
最新发布
tjhwa的博客
06-25 572
VS CODE下配置Flutter环境（可不装Android Studio）
flutter pc_Flutter环境配置（window10环境）
weixin_39838231的博客
12-21 264
一,下载对应的flutter SDK二，将SDK解压，位置随意。如下图所示三，打开解压的flutter文件夹，找到bin，复制如下图地址四，设置环境变量-环境变量-->找到系统变量-->Path-->编辑-->新建-->粘贴-保存五，配置国内镜像。环境变量-->找到用户变量-->点击新建FLUTTER_STORAGE_BASE_URL 值：https://...
Flutter Windows应用开发环境配置
索命的博客
06-26 2454
Flutter Windows 开发入门
windows配置Flutter环境
梦幻蓝雨的博客
10-19 2212
最近需要开发一个APP，本来想用UNI-APP来做，后来发现很多坑，果断放弃UNI使用Flutter来开发，记录下我学习Dart与配置Flutter时碰到的一些问题。
Windows配置Flutter环境
此心光明事上练的博客
01-20 699
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 项目：flutter的安装和环境配置
03-10
### Flutter项目：Flutter的安装与环境配置 #### 一、系统要求 为了成功地安装和运行Flutter，您的Windows环境必须符合以下系统要求。 ##### 硬件要求 **最低要求**： - **CPU**: x86_64架构 - **核心数**: 至少...
Flutter在windows系统配置及运行
01-03
第一步 下载安装配置jdk 下载jdk 下载链接 ...验证jdk环境变量是否配置成功 打开cmd命令提示符，输入java 或者javac ，如果出现一堆东西说明配置成功了 第二步 下载安装Android Studio 下载 Android St
Flutter环境搭建Windows
01-03
Flutter环境搭建Windows一、Flutter SDK下载配置环境变量使用镜像检查Flutter环境二、Android SDK配置Android SDK获取方法1 : 使用Android Studio下载Android Studio方法2: 自行下载Android SDK(不推荐)Android SDK...
Flutter环境配置手册.pdf
07-14
windows7 64bit操作系统FLutter开发环境配置,基于win764位操作系统，配置Flutter开发环境，安装软件以及环境配置，常见问题解决等内容。
Windows Flutter开发环境配置
征征酱
07-19 153
第一步配置 java JDK 1.1 打开百度搜索 java jdk下载 1.2 选择第一个点击进入 点击 接收许可协议 根据需求选择你们的版本 是windows系统还是 linux 系统 还是mac系统。 但是:(现在的现在jdk是要进行oracle账号注册登录的,所以需要小伙伴你们去注册) 我这里有一份 window x64的 window小伙伴可以使用，有需要的小伙伴可以下载 链接：h...
windows 搭建flutter开发环境
wangjun5159的专栏
12-09 2722
前言 我的电脑是windows的，根据flutter实战所说，windows下安装flutter同时也要安装android，所以windows下的flutter开发环境搭建就包含两部分，安装flutter和安装androidstudio。 设置flutter环境变量 linux如下设置，在windows上是，我的电脑---->属性---->高级系统设置---->环境变量—>系统变量新建 export PUB_HOSTED_URL=https://pub.flutter-io.cn e
在 Windows 操作系统上安装和配置 Flutter 开发环境
一起coding，一起嗨。
05-26 1242
系统配置要求 System requirements 要想安装和运行 Flutter，你的开发环境至少应该满足如下的需求： 操作系统：Windows 7 SP1 或更高的版本（基于 x86-64 的 64 位操作系统）。 磁盘空间：除安装 IDE 和一些工具之外还应有至少 1.64 GB 的空间。 设置: 必须在 Windows 10/11 上启用开发者模式。 工具：要让 Flutter 在你的开发环境中正常使用，依赖于以下的工具： Windows Powe
flutter环境配置window10
weixin_30845171的博客
08-17 78
第一步，配置git环境，这个作为前端的都是会的，如果你不会，去问度娘去 第二步，配置java的开发环境，这里建议下载jdk为1.8版本的，我最初使用的是如下图的jdk版本，后面和flutter版本不一样导致报错了，和rn一样版本不一样就根本跑不起来 https://www.oracle.com/technetwork/java/javase/downloads/jdk12-dow...
Windows环境搭建Flutter并配置环境变量
sunbinkang的博客
06-24 5755
Mac环境搭建Flutter并配置环境变量：https://blog.csdn.net/sunbinkang/article/details/106918956 工具：Android studio版本3.5.3、Windows7（自己家电脑，上一篇Mac为公司的电脑） 一、官网下載Flutter 官网地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos 1.进入后，选择Windows： 2.选择需要下载的版本：
Windoes下安装配置flutter环境
坚果的博客
11-09 1104
大家好，我是坚果，公众号”坚果前端“ Windows环境安装Flutter Windows 系统要求 要在 Windows 系统上安装和运行 Flutter，您首先需要满足您的开发环境的这些要求。 操作系统 Windows 7 或更高版本（我是 Windows 10。您也可以使用 Mac 或 Linux 操作系统。）。 磁盘空间 400 MB（不包括用于 IDE/工具的磁盘空间）。 工具 1. Windows PowerShell 2. Git for Windows 2.x（此处，从
Flutter之Windows环境搭建
思月行云
06-15 387
Flutter之Windows环境搭建 原创作者：只能陪你走一程 原文地址：https://www.jianshu.com/p/a78fd5e5116d 官方网址：https://flutter.io/ Flutter中文网：https://flutterchina.club/ 中文开发者论坛：http://flutter-dev.cn/ 一.软件环境 1.操作系统: Windows 7 或更高版本 (64-bit) 2.磁盘空间: 400 MB (不包括Android Studio的磁
Flutter环境配置
09-11
为了配置Flutter环境，您可以按照以下步骤进行操作： 1. 首先，您需要下载并安装Flutter SDK。您可以从Flutter官方网站（https://flutter.dev/）下载适用于您的操作系统的Flutter SDK。 2. 将Flutter SDK解压到您想要安装的目录。例如，您可以将它解压到"C:\flutter"（对于Windows）或"/usr/local/flutter"（对于macOS和Linux）。 3. 添加Flutter到系统路径中。在Windows上，您可以在“系统属性”中设置环境变量，将Flutter的“bin”目录添加到“Path”中。在macOS和Linux上，您可以编辑".bashrc"或".bash_profile"文件，并将以下行添加到文件末尾： ``` export PATH="$PATH:/path/to/flutter/bin" ``` 确保将"/path/to/flutter/bin"替换为您实际的Flutter SDK路径。 4. 打开终端或命令提示符，并运行以下命令，以验证Flutter安装是否成功： ``` flutter doctor ``` 该命令将检查您的环境并报告任何缺失或错误的组件。根据需要，您可以按照提示修复问题。 5. 安装适用于您的IDE的Flutter插件。如果您使用的是Visual Studio Code，则可以在扩展市场中搜索并安装“Flutter”插件。如果您使用的是Android Studio，则可以打开插件设置并安装“Flutter”插件。 6. 创建一个新的Flutter项目。在命令行中，导航到您要创建项目的目录，并运行以下命令： ``` flutter create my_flutter_app ``` 这将创建一个名为"my_flutter_app"的新Flutter项目。 7. 最后，您可以使用您选择的IDE打开和编辑Flutter项目。您可以尝试运行项目并开始进行开发。 这些是配置Flutter环境的基本步骤。根据您的操作系统和开发环境，可能会有所不同。但是，按照这些步骤进行操作应该能够帮助您成功配置Flutter环境。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

holden.lee

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

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

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

打赏作者

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

抵扣说明：

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

余额充值