VS Code + Flutter 搭建环境（Win）

最新推荐文章于 2025-06-14 16:55:35 发布
原创 最新推荐文章于 2025-06-14 16:55:35 发布 · 4.5k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#VSCode #Flutter #环境搭建

本文详细介绍了如何在Windows上使用VS Code搭建Flutter开发环境，包括安装Android Studio，配置模拟器，安装Flutter SDK，设置环境变量，以及在VS Code中配置Flutter扩展和创建项目。通过此指南，开发者可以顺利开始Flutter开发。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

VS Code + Flutter 搭建环境（Win）

文章目录



安装 Android Studio

下载 Android Studio

由于官网需要翻墙，这里建议没有梯子的朋友选择镜像网站下载（https://www.androiddevtools.cn/），我下载的是 3.4.1 正式版本。
在这里插入图片描述

安装 Android Studio

完成下载后运行安装软件。
在这里插入图片描述

安装时需要选择安装路径，习惯使然，我安装到 D:\Application\Android Studio 目录下。

安装完成后启动 IDE。第一次启动会让你导入配置文件，如果没有该需求，选中 “Do not import settings”，点 OK。此时会弹出 Unable to access Android SDK add-on list，点击 Cancel 取消。一路 Next ，最后 Finish。接着会自动下载

最低0.47元/天 解锁文章

200万优质内容无限畅学
windows flutter环境配置 仅VS Code 无需Android Studio
Coutdie的博客
06-03 1389
一、安装“jdk 8” 1、下载：“https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html” ，下载时会要账号，可百度“oracle账号”。 2、安装到自己想放到的位置，例如下图： 3、配置环境变量： 右键我的电脑—属性—高级系统设置—环境变量—系统变量（或用户变量） 点击新建： 变量名：JAVA_HOME 变量值：E:\Program Files\jdk1.8.0_271 点击确定。 选...
Windows下搭建Flutter开发环境
frinder的专栏
04-26 1220
flutter windows下搭建
Flutter 开发环境搭建-VS Code篇
张营的技术博客
03-10 4774
Flutter环境搭建，包括Android Studio和VSCode两种IDE环境搭建，基础环境安装、插件安装、虚拟机安装、项目初始化、项目运行等。
VS Code安装详细教程及vs code配置，看这一篇就够了
最新发布
2301_78095812的博客
06-14 5094
VS Code安装详细教程及vs code配置
flutter开发app环境配置（vscode编写工具）
qq_39364586的博客
11-14 449
第一安装vscode这个IDE工具 并且安装了Flutter和Dart扩展插件。 必须下载flutter SDk ,（git clone -b beta https://github.com/flutter/flutter.git） 还有Android SDK（这个可以下载android studio里面可以下载好）还有java环境 在命令行输入：flutter doctor 可以查看环境配置情况...
使用VSCode配置Flutter
2301_79678253的博客
03-17 2645
本周（学期第四周）任务：1.简单学习Flutter，完成环境安装与配置2.探索Flutter与Unity集成方案。
windows+vscode+夜神模拟器 flutter环境配置
clemente的博客
08-18 3307
下载右边的安装包以获取最新版本 stable 的 Flutter SDK 将压缩包解压，然后把其中的 flutter 目录整个放在你预想的 Flutter SDK 安装目录中（比如 C:\src\flutter；请勿将该目录放在一些需要额外操作权限的目录，比如 C:\Program Files\）。 找到 flutter 目录中的 flutter_console.bat 文件，双击执行...
『跨端框架』Flutter环境搭建
一个专注于客户端开发的技术er，不定期更新Android，Flutter，HormonyOS等方向的使用心得和感悟
05-02 1295
Flutter是谷歌开发的一款开源， 免费的，基于Dart语言的UI框架，可以快速在IOS和Android上构建高质量的原生应用，而且还可以构建桌面应用，web应用和嵌入式应用。它最大的特点就是跨平台和高性能。Dart是由谷歌，在2011年开发的计算机编程语言，它可以被用于web, 服务器，移动应用和物联网等多个领域。号称要取代JavaScript。
Flutter 之 Windows环境搭建
m0_58992500的博客
03-25 1151
Flutter是Google开源的移动UI框架，用于构建高性能、美观的跨平台应用。以下是在Windows环境下搭建Flutter开发环境的步骤。
Flutter VS Code for Windows（开发环境搭建）
m0_65503310的博客
05-16 442
准备工具： 1、Flutter SDK 官方下载链接 2、JDK 官方下载链接 3、Android Studio 官方下载链接 Flutter SDK的安装与配置 在D盘新建一个development文件夹，将压缩包解压在这个文件夹下（之后下载的安装包都解压在这个文件夹下）。如下图所示 配置环境变量 点击桌面左下角的搜索，在弹出的搜索框输入path，点击编辑环境变量 因为国内访问Flutter受到限制，Flutter官方为中国开发者搭建了临时镜像，将如下环境变量加入到系统..
vscode+ flutter+android studio开发环境搭建
图解前端的博客
05-14 4201
环境要求 由于Flutter SDK和Android Studio以及后续安卓模拟器体积很大，所以建议C盘的空间至少要有10G以上的可用空间。 下载Flutter SDK 进入Flutter官网下载最新版本的Flutter SDK，如果遇到网络问题，请百度解决。 下载完成后，解压得到下面的文件夹，为了避免windows环境下的路径问题，所以我把flutter文件夹解压到了C盘根目录下。将flu...
Flutter + vscode 配置说明
u013236043的博客
04-23 2384
1.安装 jdk(配置环境变量) git android SDK自行百度 2.下载 flutter SDK 新建文件夹 右键git bash here 执行 git clone -b alpha https://github.com/flutter/flutter.git //据说成功率不高 我试了两次成功 3.配置环境变量： FLUTTER_ST...
Windows VS Code配置Flutter开发环境搭建2022版
Felix的博客
03-15 7358
1.下载 VS Code 2.打开VSCode 安装插件 Dart Flutter Awesome Flutter Snippets (非必要) Flutter Widget Snippets (非必要) 3.下载Flutter SDK（我现在用的是 flutter_windows_2.10.3-stable.zip）,解压缩放在任意位置 4.配置环境变量 编辑环境变量 变量名：Path 变量值：你的flutter sdk 文件夹路径\bin 记住是你的flutter sdk路径+bin目录 新
VSCode配置Flutter模拟器
热门推荐
手写我对你的温柔
08-23 1万+
以前写过一篇文章https://blog.youkuaiyun.com/qq_39969226/article/details/88824118可以用bat文件管理我们的Android 模拟器。 在VSCode上开发Flutter,主要是考虑到VSCode没有AndroidStudio那么消耗内存. 怎么不用之前讲过的.bat启动呢？ 用VSCode的插件： 最推荐的方法： 在Andro...
Flutter windows 环境配置
DDDHL_的博客
12-24 3721
从零开始，演示flutter环境配置到启动项目，同时支持 vscode 和 android studio
利用VScode搭建Flutter环境开发
创客之家
07-04 1884
利用VScode搭建Flutter环境开发
VSCode中搭建Flutter开发环境
m0_46527751的博客
01-09 1198
VSCode中搭建Flutter开发环境安装插件运行Flutter项目 安装插件 除了前面Dart学习时我们已经安装的Dart插件外，还有一下两个插件 （Flutter插件和Flutter提示工具） 运行Flutter项目 点击文件，选择我们上一篇博客在AS中创建的项目 点击选择文件夹后 在终端输入flutter run(此时没有连接虚拟机) 按照指令选择谷歌后，结果运行在了网页上 查看可以运行的设备可以点击右下角，然后上方会弹出提示 由于是第一次使用，我随便点到了Create Android e
正确配置visual studio code开发flutter环境
zyb418的专栏
04-15 5437
1、安装vscode 请访问官网下载Visual Studio Code - Code Editing. Redefined 2、安装android studio 请访问官网下载Download Android Studio and SDK tools | Android Developers 3、安装flutter sdk 请访问官网下载https://docs.flutter.dev/development/tools/sdk/releases?tab=windows#windows 下..
VsCode 搭建Flutter框架 开发环境相关问题 解决方案参考
m0_64069699的博客
01-22 1432
古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。——苏轼🐼学编程的bird的博客，邀您一起学习🦌😊很高兴你打开了这篇博客。★如有疑问不解或者说有想问的地方，都可以在下方评论留言，博主看到会尽快回复的。★本人微信：wxid_v28nw5cckzz622，若需要帮助，请备注来源+意图版权声明：本文为优快云博主「学编程的bird」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
Mac上Flutter环境搭建教程与常见问题解决
本文主要介绍了在Mac系统上安装和配置Flutter环境的详细步骤。首先，从官方文档获取最新的Flutter SDK（https://flutter.dev/docs/get-started/install/macos），推荐下载到一个指定的目录，以便于管理。接着，需要...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值