win11搭建flutter开发环境

flutter版本

java 复制代码
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无法访问,让你再次设置代理,但,此时就可以忽略,这个提示了。
  • Android Studio首次启动跳过配置(不要让其自动下载Android SDK)
  • Android Studio跳过了首次启动的配置之后,在项目界面,配置需要下载的Android SDK模拟器以及镜像, 如下三个选项卡都操作完毕之后,再点击OK进行确认,此时就会开始下载和安装Android SDK以及模拟器相关的程序, 等下载安装完毕之后,Android环境算是搭建好了

安装Visual Studio

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

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

这几个钩补选上

安装VSCode,并安装fluttercode runner插件

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

安装flutter SDK

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

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

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

在终端输入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/'

使用PowerShell设置环境变量

shell 复制代码
setx PUB_HOSTED_URL "https://pub.flutter-io.cn"
setx FLUTTER_STORAGE_BASE_URL "https://storage.flutter-io.cn"

其他可能的问题

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的效果

参考资料

在 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

相关推荐
sunly_10 小时前
Flutter:父组件,向子组件传值,子组件向二级页面传值
flutter
爱学习的绿叶13 小时前
flutter TabBarView 动态添加删除页面
flutter
趴菜小玩家16 小时前
使用 Gradle 插件优化 Flutter Android 插件开发中的 Flutter 依赖缺失问题
android·flutter·gradle
jhonjson1 天前
Flutter开发之flutter_local_notifications
flutter·macos·cocoa
iFlyCai2 天前
23种设计模式的Flutter实现第一篇创建型模式(一)
flutter·设计模式·dart
恋猫de小郭2 天前
Flutter 小技巧之 OverlayPortal 实现自限性和可共享的页面图层
flutter
A_cot2 天前
Vue.js:构建现代 Web 应用的强大框架
前端·javascript·vue.js·flutter·html·web·js
B.-2 天前
在 Flutter 应用中调用后端接口的方法
android·flutter·http·ios·https
️ 邪神2 天前
【Android、IOS、Flutter、鸿蒙、ReactNative 】约束布局
android·flutter·ios·鸿蒙·reactnative
pinkrecall20122 天前
flutter调试
flutter