VsCode 搭建Flutter框架 开发环境相关问题 解决方案参考

已于 2025-04-23 16:02:34 修改
阅读量1.3k 收藏 19
点赞数 20
文章标签： vscode flutter ide
于 2025-01-22 14:11:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_64069699/article/details/145300047
版权

目录

开场白

说明

思路

问题一  Android toolchain

问题二  Network resource

问题三 Chrome - develop for the web

开场白

古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。——苏轼
---------------🍎------------🍉--------------
🐼学编程的bird的博客，邀您一起学习🦌
----------------🥕------------🥭-------------

😊很高兴你打开了这篇博客。
★如有疑问不解或者说有想问的地方，都可以在下方评论留言，博主看到会尽快回复的。
★当然，期待你的点赞+关注哦！

★本人微信：wxid_v28nw5cckzz622，若需要帮助，请备注来源+意图
————————————————
版权声明：本文为优快云博主「学编程的bird」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

说明

先简单叙述一下我目前的情况，我在Vscode里面的插件下载了flutter 、dart,因为用vscode提示的自动下载flutter SDK失败，然后选择的是去手动下载然后添加到对应的路径里面，接着按照官网的文档配置好了AndroidStudio，最后使用Flutter doctor，出现了最开始下面的报错

因为这是第二次配置了，所以想着记录一下，看看是否能帮助到和我遇到相似问题的人

思路

安装和环境配置 | Flutter 中文文档 - Flutter 中文开发者网站 - Flutterhttps://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/https://docs.flutter.cn/get-started/install/

根据这里面的指南，我目前是想要使用Flutter框架开发一款APP所以并不需要解决上面的所有问题，只需要达到下面这个效果即可

提示：使用flutter doctor -v 可以更加详细的查看报错

问题一  Android toolchain

 这是一个关于Android SDK的配置问题，虽然我已经按照Flutter官网的配置下载和安装了相应的组件，但是依然报错

根据给的日志信息发现这里它给了一个方法

flutter config --android-sdk

我尝试使用，但是又给了一个报错，说是没找到对应的SDK，关键原因是缺失了路径

 接下来就是找到自己的Android sdk 然后贴在这个指令的后面

运行以下命令，将 <your-sdk-path> 替换为你实际的 Android SDK 路径：

flutter config --android-sdk <your-sdk-path>

例如，如果你的 Android SDK 安装在 C:\Users\John\AppData\Local\Android\Sdk，命令将是：

flutter config --android-sdk C:\Users\John\AppData\Local\Android\Sdk

查看SDK的方法有很多，比如点卡Android Studio 的Settings 里面 输入SDK 查找就可以得到

根据我自己的sdk路径进行了设置

 此时，我再次重新运行 flutter doctor -v，部分截图如下展示

 根据给的提示运行

flutter doctor --android-licenses

 接着根据给的提示 一直输入 y  然后回车就可以得到这样的回复

 再次输入 flutter doctor -v 查看是否解决问题，发现这个问题已经完整解决

问题二  Network resource

因为flutter这个框架在编译的时候很多时候需要去国外资源网站进行下载依赖，所以需要通过代理才能访问

打开CMD命令窗口，首先先检查你电脑中是否配置了

echo %HTTP_PROXY%

echo %HTTPS_PROXY%

如果有的话，可以把这两个清理一下

setx HTTP_PROXY ""
setx HTTPS_PROXY ""

打开终端（如 PowerShell 或命令提示符），运行以下命令：

setx HTTP_PROXY http://127.0.0.1:7890

setx HTTPS_PROXY http://127.0.0.1:7890

setx NO_PROXY "localhost,127.0.0.1,::1"

127.0.0.1  就是本机的意思   7890是端口号，可以根据实际情况填写你对应的端口

这里本质就是在新建一个环境变量，只不过是通过指令不是通过手动创建，我们可以打开环境变量查看到对应的PATH

 其实这三条命令行的目前是设置环境路径，如果发现明明设置了，但如果查找代理的时候发现没有返回路径的话就需要重启VSCode  还不行就重启电脑

重启之后，我们再检查一下代理的情况，发现就已经好了。（本质就是加了一个PATH路径，重启生效）

最后，在打开代理的情况下，再试试flutter doctor 这个指令

ok，咱们就把网络这个问题也解决了（必须要开代理）

问题三 Chrome - develop for the web

虽然现阶段这给问题并不会影响我们开发一款APP了，但是呢，有点强迫症，而且这个问题很好解决，所以我就再写一下吧

这个地方其实我们只需要安装一个Google浏览器或者Chrome浏览器就行，因为我这个电脑刚刚重装过所以没安装 

Chrome 官方下载 | 谷歌浏览器中文版官网https://www.chrome.net.cn/https://www.chrome.net.cn/https://www.chrome.net.cn/https://www.chrome.net.cn/https://www.chrome.net.cn/https://www.chrome.net.cn/可以根据我分享的链接下载，也可以直接从其他渠道下载正版的谷歌浏览器即可

在安装完成之后，重新打开vs code 输入flutter doctor 发现这个问题已经解决了

问题四 Visual Studio

这个问题也是我没有安装这个软件，因为我本身是在公司里面，我们公司没有购买Visual Studio正版，所以这款我就不能展示了，作为个人开发者的时候，可以去下载社区版使用，应该就可以解决这个报错

flutter开发系列（搭建基础的flutter环境）
weixin_42140041的博客
03-24 208
关于APP开发，一直以来有非常多的方案。不管是安卓和iOS的原生开发、还是所谓的套壳开发，还有近几年比较火的react-native以及uni-app。从开发效率和用户体验上综合考虑，都各有利弊。19年开始flutter作为一种解决方案渐渐地进入大家的视野，2020年flutter的star量成倍的上涨，说明这个方案正在越来越被大家所接受。 对这个新生事物非常的有兴趣，最近也是刚好借了一个契机，花了不到两周的时间，学语法、搭环境，使用flutter + H5的方式实现了一个比较基础的APP架构，最后完美运
移动开发领域中Flutter的动画框架使用
最新发布
移动开发前沿的博客
05-15 1101
本文旨在为移动开发者提供Flutter动画框架的全面指南，涵盖从基础概念到高级用法的所有内容。我们将重点讨论Flutter动画系统的架构设计、核心组件以及实际应用场景。文章首先介绍Flutter动画的基本概念，然后深入分析其实现原理，接着通过实际案例展示具体用法，最后讨论性能优化和未来发展趋势。隐式动画(Implicit Animation)：通过简单属性变化自动触发的动画显式动画(Explicit Animation)：需要开发者手动控制的动画Tween：定义动画值范围的插值器。
vscode配置flutter开发环境，不需要安装第三方安卓模拟器
热门推荐
tyeerth的博客
05-28 1万+
vscode配置flutter开发环境，使用Android studio自带的安卓模拟器，不需要安装第三方模拟器，即可实现vscode代码实时调试(热加载）
在 VSCode 中搭建 Flutter 开发环境并运行项目
Chloeeeeeeee的博客
06-07 1万+
在 VSCode 中运行 Flutter 项目并启动虚拟机的步骤如下：首先，安装 Flutter SDK 并添加其 bin 目录到系统 PATH，然后在 VSCode 中安装 Flutter 和 Dart 插件。接着，下载并安装 Android Studio，配置 Android 模拟器。创建 Flutter 项目后，打开终端启动模拟器，或通过 VSCode 工具栏选择设备，按 F5 运行项目。最后，使用调试控制台设置断点和检查变量，进行调试。这样即可在 VSCode 中运行和调试 Flutter 项目。
处理 Flutter 没有反应
tfel-ypoc
04-15 576
处理中国地区Flutter SDK使用问题
Flutter 开发环境搭建-VS Code篇
张营的技术博客
03-10 4660
Flutter环境搭建，包括Android Studio和VSCode两种IDE环境搭建，基础环境安装、插件安装、虚拟机安装、项目初始化、项目运行等。
VsCode开发Flutter应用
此心光明事上练的博客
01-20 1944
如果你习惯用 Android Studio 的话可以直接用 Android Studio 直接开发 Flutter。 但是 Android Studio 比较耗费电脑资源，个人推荐使用 Vscode（下载地址：https://code.visualstudio.com/） 一、VsCode安装Flutter插件与Dart插件 二、Vscode 中打开 flutter 项目进行开发 三、运行 Flutter 项目 命令：flutter run r 键：点击后热加载，也就算是重新加.
vscode创建flutter项目
qq690452074的专栏
10-22 1250
vscode创建flutter项目
vsCode 编写flutter
测试0901-1
03-07 564
昨天看到云栖社区发布的，咸鱼也公布了flutter框架，感觉很成熟了，所以很是感兴趣，开始学习一下,后续会再次更新~ 原来开发原生安卓的小伙伴们，肯定都熟悉Android Studio，都知道这个AS是很耗内存的，鉴于用苹果手机的我，只能在电脑上运行虚拟机，这样一搞我的电脑会很吃内存，很卡顿，而且vsCode 已经很好地支持了flutter编写，所以我们...
vscode创建flutter项目，运行flutter项目
效率开发者手札
10-08 2110
vscode创建flutter项目，运行flutter项目
vscode开发flutter
hahaha的博客
04-01 668
下载后用vscode打开，会提示你安装flutter(Dart已包含)最新版，安装后配置环境变量flutter加到。，使用第三方模拟器如夜神等，vscode默认不连接第三方模拟器，打开Android Studio->setting，勾选安装。选择安卓运行后，转到vscode，安装flutter插件。，下载后cd到安装目录下的bin文件夹，如图直接输入。安装后打开设置，填入你的模拟器的路径，之后选择模拟器。同级目录下，打开vscode终端，输入。接着配置环境变量，在系统变量里新增。下载完成后，命令行运行。
基于Dart语言的Flutter应用开发设计源码
01-05
项目中还包含了一些与开发环境设置相关的文件夹，如.vscode、.github和docs。其中，.vscode文件夹通常用于存储Visual Studio Code的配置文件，允许开发者快速配置IDE环境以适应项目需求；.github文件夹则可能包含了...
Vue.js前端开发中常见问题及解决方案
小白菜的博客
04-23 904
在当今的前端开发领域，Vue.js以其简洁易用、高效灵活的特点受到了广泛的欢迎。然而，即使是经验丰富的开发者，在使用Vue.js进行项目开发时也难免会遇到各种问题。本文的目的就是对Vue.js前端开发中常见的问题进行系统的梳理和总结，并给出相应的解决方案。本文的范围涵盖了Vue.js的各个方面，包括组件化开发、响应式原理、路由管理、状态管理等。本文将按照以下结构进行组织：首先介绍Vue.js的核心概念与联系，让读者对Vue.js有一个基本的了解；
flutter环境配置和通过vscode创建项目
07-19
flutter是goole开源的一款混合开发的框架，适合想要开发一款既能在Android上运行，又能在iOS运行的app。通过文档能够正确的配置好环境，成功创建一个demo。
项目实训（一） 使用VSCode配置Flutter
2301_79678253的博客
03-17 1358
本周（学期第四周）任务：1.简单学习Flutter，完成环境安装与配置2.探索Flutter与Unity集成方案。
在vscode写flutter
小人物的点点滴滴
04-20 609
首先在vscode打开flutter构建的文件 打开main.dart 在terminal运行 flutter run 在terminal 按下R健 是热加载 按下P健 是网格 按下O件 是切换到ios模式/和android模式 按下Q健 退出调试预览模式 ...
用vscode创建第一个flutter项目
2501_91395113的博客
03-28 969
Flutter让跨平台开发变得更加简单高效，通过VS Code我们可以快速创建和运行项目。当项目开发完成后，使用专业的工具如AppUploader可以简化发布流程，让开发者更专注于创造优秀的产品。作量。Flutter让跨平台开发变得更加简单高效，通过VS Code我们可以快速创建和运行项目。当项目开发完成后，使用专业的工具如AppUploader可以简化发布流程，让开发者更专注于创造优秀的产品。
VSCode下的flutter
qq_34497319的博客
08-15 594
VSCode安装Flutter插件
点云数据均值滤波
04-02
### 点云均值滤波算法概述 点云均值滤波是一种用于平滑点云数据并减少噪声的有效方法[^1]。其核心思想是对局部区域内的点进行平均计算，从而达到降低随机噪声的目的。通过调整滤波参数（如邻域半径或点数），可以灵活控制滤波强度以适应不同的应用场景。 以下是基于 Python 和 Open3D 或 PCL 的两种实现方式： --- ### 使用 Open3D 实现点云均值滤波 Open3D 是一种强大的开源库，支持多种点云处理操作。下面是一个利用 Open3D 进行均值滤波的代码示例[^3]： ```python import open3d as o3d import numpy as np # 加载点云数据 pcd = o3d.io.read_point_cloud("input_pcd.ply") # 转换为numpy数组以便后续处理 points = np.asarray(pcd.points) # 定义均值滤波函数 def mean_filter(points, k=50): filtered_points = [] pcd_tree = o3d.geometry.KDTreeFlann(pcd) for i in range(len(points)): _, idx, _ = pcd_tree.search_knn_vector_3d(points[i], k=k) avg_point = np.mean(points[idx], axis=0) filtered_points.append(avg_point) return np.array(filtered_points) # 应用均值滤波 filtered_points = mean_filter(points, k=50) # 创建新的点云集对象 filtered_pcd = o3d.geometry.PointCloud() filtered_pcd.points = o3d.utility.Vector3dVector(filtered_points) # 可视化结果 o3d.visualization.draw_geometries([filtered_pcd]) ``` 上述代码实现了 KNN 邻域下的均值滤波功能，其中 `k` 参数定义了参与平均运算的邻居数量。 --- ### 使用 PCL 实现点云均值滤波 PCL (Point Cloud Library) 提供了一套完整的工具集来完成点云处理任务。下面是使用 PCL 对点云执行均值滤波的一个例子[^4]： ```cpp #include <pcl/io/ply_io.h> #include <pcl/filters/statistical_outlier_removal.h> int main() { pcl::PointCloud<pcl::PointXYZ>::Ptr cloud(new pcl::PointCloud<pcl::PointXYZ>); pcl::PointCloud<pcl::PointXYZ>::Ptr filtered_cloud(new pcl::PointCloud<pcl::PointXYZ>); // 读取点云文件 pcl::io::loadPLYFile<pcl::PointXYZ>("input_pcd.ply", *cloud); // 统计异常值移除过滤器 pcl::StatisticalOutlierRemoval<pcl::PointXYZ> sor; sor.setInputCloud(cloud); sor.setMeanK(50); // 设置统计分析时考虑的近邻点数目 sor.setStddevMulThresh(1.0);// 设定标准差倍数阈值 sor.filter(*filtered_cloud); // 输出到新文件 pcl::io::savePLYFile<pcl::PointXYZ>("output_filtered_pcd.ply", *filtered_cloud); return 0; } ``` 此 C++ 示例演示了如何借助 PCL 中的 `StatisticalOutlierRemoval` 类对点云实施均值滤波效果。 --- ### 注意事项 尽管均值滤波具有良好的降噪能力，但它仅适合于无序点云的情况。对于有序点云，则推荐采用更高级别的滤波策略，例如高斯滤波或双边滤波[^2]。这些方法能够在保留更多几何细节的同时进一步提升点云的质量。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值