likes
comments
collection
share

win11搭建flutter开发环境

作者站长头像
站长
· 阅读数 39

flutter版本

Flutter 3.13.6 • channel stable • https://github.com/flutter/flutter.git
Framework • revision ead455963c (6 days ago)2023-09-26 18:28:17 -0700
Engine • revision a794cf2681
Tools • Dart 3.1.3 • DevTools 2.25.0

步骤

无需独立搭建dart环境,flutter环境包含dart环境

安装git

git官网,下载安装包,除了修改git安装目录外(建议改在系统盘之外),其余都用默认配置即可,一直下一步,直至安装完毕. 此时应该会将git的bin目录自动加入到系统的PATH路径,如果没有则需要自己手动加下

搭建java开发环境

安装java sdk, 配置JAVA_HOME环境变量

搭建android开发环境

下载Android Studio, 安装时注意要选择自定义安装,将Android StudioAndroid SKD安卓模拟器,安装在系统盘之外的地方,因为占用的空间会很大

注意点:

  • Android Studio安装完毕之后,立刻启动,然后稍等一会,会检测google相关的网络链接,此时,国内环境,需要设置代理: https://mirrors.aliyun.com/android.googlesource.com/,设置完之后,点击OK保存,虽然后续还是会不停的提示google相关url无法访问,让你再次设置代理,但,此时就可以忽略,这个提示了。

win11搭建flutter开发环境

  • Android Studio首次启动跳过配置(不要让其自动下载Android SDK)
  • Android Studio跳过了首次启动的配置之后,在项目界面,配置需要下载的Android SDK模拟器以及镜像, 如下三个选项卡都操作完毕之后,再点击OK进行确认,此时就会开始下载和安装Android SDK以及模拟器相关的程序, 等下载安装完毕之后,Android环境算是搭建好了

win11搭建flutter开发环境

win11搭建flutter开发环境

win11搭建flutter开发环境

win11搭建flutter开发环境

安装Visual Studio

注意,安装时尽量将其安在系统盘之外, 因为这个编辑器很大

从微软下载个人版即可,需要选中使用C++桌面开发

win11搭建flutter开发环境

这几个钩补选上

win11搭建flutter开发环境

安装VSCode,并安装fluttercode runner插件

VSCode从官网下载即可,安装完毕之后,添加fluttercode runner

win11搭建flutter开发环境

win11搭建flutter开发环境

win11搭建flutter开发环境

安装flutter SDK

从官网下载flutter SDK, 并解压到你喜欢的位置(目录名不要包含中文,空格,以及特殊字符)

让后将flutter_home/bin目录,配置到环境变量

在终端输入:flutter --version检查版本

win11搭建flutter开发环境

在终端输入flutter doctor检查依赖环境是否都有了

国内可能的问题:

  • https://maven.google.com/无法访问
  • https://pub.dev/无法访问
  • https://storage.googleapis.com/无法访问

解决方案:

替换flutter\packages\flutter_tools\lib\src\http_host_validator.dart 目录下的'maven.google.com''https://dl.google.com/dl/android/maven2/'

win11搭建flutter开发环境

使用PowerShell设置环境变量

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

win11搭建flutter开发环境

其他可能的问题

flutter Error: Unable to find git in your PATH.

flutter Error: Unable to find git in your PATH._修罗_的博客-CSDN博客

flutter sdk目录加入, git安全目录

如: git config --global --add safe.directory C:/src/flutter

注意目录分割符

安装成功之后,执行flutter doctor的效果

win11搭建flutter开发环境

参考资料

在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

Flutter 安装踩坑记录 HTTP host https://pub.dev/ is not reachable.-CSDN博客

高效解决Connect to maven.google.com:443 [maven.google.com] failed: Connection timed out: connect-CSDN博客

Dart 基础 | Dart

转载自:https://juejin.cn/post/7284464014448508982
评论
请登录