Windows 10安装配置Flutter开发环境

简介: Win 10安装 Flutter 开发环境完整教程附带踩坑记录。

本篇是搭建Flutter环境的记录过程。

  • Flutter SDK版本:2.8.1
  • Android Studio版本:Arctic Fox 2020.3.1 Patch 4

下载Flutter SDK

官网下载最新版SDK,这里的版本是2.8.1,下载地址:https://flutter.cn/docs/get-started/install/windows
注意,下载完成后,解压时务必注意官方的指示,不要将SDK放到更高权限的文件夹,最好是放C盘之外的自定义目录。

请注意
请勿将 Flutter 安装在需要高权限的文件夹内,例如 C:\Program Files\。

修改Flutter的maven镜像

在flutter安装目录下的packages\flutter_tools\gradle,修改flutter.gradle文件:

repositories {
   // google()
   // jcenter()
   maven{ url 'https://maven.aliyun.com/repository/google' }
   maven{ url 'https://maven.aliyun.com/repository/jcenter' }
   maven{ url 'http://maven.aliyun.com/nexus/content/groups/public'}
}

修改系统环境变量

开始菜单输入"env"打开环境变量界面,在环境变量的当前用户的PATH中增加flutter的bin目录地址。
image.png
同时增加两个环境变量,以便指定futter pub get的获取插件仓库。
image.pngimage.png

FLUTTER_STORAGE_BASE_URL
https://storage.flutter-io.cn

PUB_HOSTED_URL
https://pub.flutter-io.cn

安装Android Studio

按照指引正常安装就行,记得安装emulator。之后需要按照命令行工具,在(Android SDK)目录(可以通过Android Studio查看安装目录,如下图)的/tools/bin目录下,使用sdkmanager安装命令行工具(参考:https://developer.android.com/studio/command-line/sdkmanager)。命令如下:

sdkmanager --install "cmdline-tools;latest"

会出现询问是否同意license的询问,输入“Y”回车表示同意即可。
image.png
image.png

添加SDK license

运行如下命令:

flutter doctor --android-licenses

会出现好几个license,一路输入“Y”同意即可。

检查安装结果

运行flutter doctor检查,没问题就说明安装OK了。
image.png

踩坑记录

  • flutter doctor一直运行卡住:发现是将flutter的目录放到了C:/program files下,根本没法执行(Windows系统也没有反馈),需要将flutter目录移到C盘以外其他盘的自定义目录就好了。还有就是科学上网的问题 了,设置系统环境变量和maven镜像就好了。
  • 模拟器运行报错,提示项目路径有非ASCII字符,注意一下flutter的项目目录不可以有中文
相关文章
|
11天前
|
Dart 前端开发 开发工具
【Flutter前端技术开发专栏】Flutter入门指南:搭建开发环境与第一个应用
【4月更文挑战第30天】本文介绍了Flutter SDK的安装和配置过程,以及如何创建并运行第一个Flutter应用。首先确保安装了Dart SDK和Flutter SDK,支持macOS、Linux和Windows。安装完成后,设置环境变量,然后通过`flutter doctor`验证安装。接着,使用`flutter create`命令创建新项目,进入项目目录并运行`flutter run`启动应用。在`main.dart`中修改代码以自定义应用。Flutter支持热重载和DevTools调试。本文为Flutter初学者提供了快速入门的指导。
【Flutter前端技术开发专栏】Flutter入门指南:搭建开发环境与第一个应用
|
2天前
|
并行计算 Windows
23.10.02更新 Windows下CUDA和CUDNN的安装和配置(图多详细)
23.10.02更新 Windows下CUDA和CUDNN的安装和配置(图多详细)
10 1
|
7天前
|
Oracle Java 关系型数据库
windows 下 win11 JDK17安装与环境变量的配置(配置简单详细,包含IJ中java文件如何使用命令运行)
本文介绍了Windows 11中安装JDK 17的步骤,包括从官方网站下载JDK、配置环境变量以及验证安装是否成功。首先,下载JDK 17的安装文件,如果没有Oracle账户,可以直接解压缩文件到指定目录。接着,配置系统环境变量,新建`JAVA_HOME`变量指向JDK安装路径,并在`Path`变量中添加。然后,通过命令行(cmd)验证安装,分别输入`java -version`和`javac -version`检查版本信息。最后,作者分享了如何在任意位置运行Java代码,包括在IntelliJ IDEA(IJ)中创建的Java文件,只需去掉包声明,就可以通过命令行直接运行。
|
11天前
|
Unix Shell 开发工具
windows下如何安装git以及IDEA如何配置git
该文指导安装Git 2.15.0版本。首先从Git官网下载最新安装包,双击安装,依次选择Next,同意默认配置,确保勾选添加到环境变量。在配置选项中,选择在cmd中使用Git(第2项),行结束转换选Windows(第1项),终端模拟器选MinTTY(第1项)。安装完成后,通过右键菜单或直接打开Git Bash验证安装成功。最后,配置全局用户名和邮箱,并在IDEA中设置Git路径以完成集成。
|
11天前
|
前端开发 Linux iOS开发
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践
【4月更文挑战第30天】Flutter扩展至桌面应用开发,允许开发者用同一代码库构建Windows、macOS和Linux应用,提高效率并保持平台一致性。创建桌面应用需指定目标平台,如`flutter create -t windows my_desktop_app`。开发中注意UI适配、性能优化、系统交互及测试部署。UI适配利用布局组件和`MediaQuery`,性能优化借助`PerformanceLogging`、`Isolate`和`compute`。
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践
|
13天前
|
Serverless API 数据安全/隐私保护
Serverless 应用引擎产品使用之阿里函数计算中在本地搭建Windows开发环境与阿里云函数计算进行交互如何解决
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
20 0
|
16天前
|
API C++ Windows
windows编程入门_链接错误的配置
windows编程入门_链接错误的配置
19 0
|
1月前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
|
1月前
|
小程序 Windows
【微信小程序】全局配置和windows节点常用配置
【微信小程序】全局配置和windows节点常用配置
19 1
|
1月前
|
Linux 编译器 C语言
FFmpeg开发笔记(二)搭建Windows系统的开发环境
在Windows上学习FFmpeg通常较困难,但通过安装预编译的FFmpeg开发包可以简化流程。首先需要安装MSYS2来模拟Linux环境。下载并执行MSYS2安装包,然后修改msys2_shell.cmd以继承Windows的Path变量。使用pacman安装必要的编译工具。接着,下载预编译的FFmpeg Windows包,解压并配置系统Path。最后,在MSYS2环境中运行`ffmpeg -version`确认安装成功。欲深入学习FFmpeg开发,推荐阅读《FFmpeg开发实战:从零基础到短视频上线》。
FFmpeg开发笔记(二)搭建Windows系统的开发环境