当前位置：首页 > news >正文

win11+vscode+Flutter 开发环境配置

news 来源：原创 2024/9/20 19:59:27

https://blog.csdn.net/Oven_maizi/article/details/126804404

1 vscode插件安装

安装红框中的两个

2 flutter sdk 安装

dart sdk 包含在flutter sdk 里面，路径：flutter_windows_3.24.1-stable\flutter\bin\cache\dart-sdk

方式1：

通过vscode安装Flutter插件后，ctrl+shift+p 输入flutter，vscode的右下角会提示安装Flutter sdk

方式2：

版本列表 | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

方式3：

下载源码到一个目录，添加它的bin目录路径到环境变量中

git clone https://github.com/flutter/flutter.git

3 新建一个 flutter 项目

新建Flutter项目后，可以在lib目录通过终端去执行演示程序

4 演示程序执行前 flutter doctor 检查

首次运行 flutter doctor 报的错误，可以看到报错提示，安卓开发、win开发还缺少依赖，但

web开发是可以的，那么只需要解决网络资源不可用问题

PS E:\workspace\test_drive\flutter_application_1\lib> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.24.1, on Microsoft Windows [版本 10.0.22631.4037], locale zh-CN)
[√] Windows Version (Installed version of Windows is version 10 or higher)
[X] Android toolchain - develop for Android devicesX Unable to locate Android SDK.Install Android Studio from: https://developer.android.com/studio/index.htmlOn first launch it will assist you in installing the Android SDK components.(or visit https://flutter.dev/to/windows-android-setup for detailed instructions).If the Android SDK has been installed to a custom location, please use`flutter config --android-sdk` to update to that location.[√] Chrome - develop for the web
[X] Visual Studio - develop Windows appsX Visual Studio not installed; this is necessary to develop Windows apps.Download at https://visualstudio.microsoft.com/downloads/.Please install the "Desktop development with C++" workload, including all of its default components
[!] Android Studio (not installed)
[√] Connected device (3 available)
[!] Network resourcesX A network error occurred while checking "https://maven.google.com/": 信号灯超时时间已到! Doctor found issues in 4 categories.

临时解决办法：

在中国网络环境下使用 Flutter | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

根据上述文档，在powerShell执行下述命令

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

再次运行 flutter dockor，网络错误已经解决。

PS E:\workspace\test_drive\flutter_application_1\linux> flutter doctor
Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.24.1, on Microsoft Windows [版本 10.0.22631.4037], locale zh-CN)
[√] Windows Version (Installed version of Windows is version 10 or higher)
[X] Android toolchain - develop for Android devicesX Unable to locate Android SDK.Install Android Studio from: https://developer.android.com/studio/index.htmlOn first launch it will assist you in installing the Android SDK components.(or visit https://flutter.dev/to/windows-android-setup for detailed instructions).If the Android SDK has been installed to a custom location, please use`flutter config --android-sdk` to update to that location.[√] Chrome - develop for the web
[X] Visual Studio - develop Windows appsX Visual Studio not installed; this is necessary to develop Windows apps.Download at https://visualstudio.microsoft.com/downloads/.Please install the "Desktop development with C++" workload, including all of its default components
[!] Android Studio (not installed)
[√] Connected device (3 available)
[√] Network resources! Doctor found issues in 3 categories.

最终解决办法：

后面又发现上述命令只是临时修改当前终端的环境变量，还需在 Windows 中永久设置环境变量