【Flutter 专题】01 图解 Windows 环境下安装配置环境

flutter 是由谷歌开发的移动 ui 框架，允许开发者快速构建高质量的原生界面，适用于 ios 和 android 平台，同时能够与现有代码无缝对接。flutter 已经推出了一段时间，吸引了众多开发者的关注和学习。作为大前端发展趋势的一部分，和尚也决定投入精力进行学习。flutter 中文网提供了非常详尽的讲解，和尚打算认真学习，但首要的环境配置问题却让和尚倍感头疼，简直是当头一棒！尽管官网对环境配置的说明简洁明了，但对于基础薄弱的和尚来说，确实需要花时间深入研究。因此，和尚的第一篇小博文将详细整理在 windows 系统下如何安装和配置 flutter 环境。

系统环境要求： Flutter 建议在 64 位 Windows 7 及以上版本的系统上运行，和尚使用的是 Windows 10；需要至少 400MB 的磁盘空间，和尚认为现代电脑的存储空间绰绰有余；系统上需预先安装 Git。安装图解提示：建议优先完成第 5 步，这可以避免许多不必要的问题！！！

1. 在命令提示符（cmd）中执行 git clone https://github.com/flutter/flutter.git 命令，克隆过程需要一些时间，如图所示；

2. 添加用户环境变量 Path：通过控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 环境变量，在 Path 变量中添加 Flutter 的路径，一般是 C:\User\Your Name\Flutter\bin，如果找不到，可以在磁盘中搜索；

3. 在命令提示符中运行 flutter doctor，但不幸的是出现了错误，提示无法连接到远程服务器，如图：

4. 和尚尝试解决这个问题，在命令提示符中编辑：

prompt PUB_HOSTED_URL=https://pub.flutter-io.cn
prompt FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
flutter doctor

虽然可以下载，但 Build 环节还是出现了错误，如图：

5. 第 3 步如果正常配置了，问题就不会发生，但和尚没有，所以忽略了进入环境配置的第一步重要任务，即在环境变量中添加用户变量：PUB_HOSTED_URL -> https://pub.flutter-io.cn 和 FLUTTER_STORAGE_BASE_URL -> https://storage.flutter-io.cn。强烈建议优先配置这一步，这将避免很多不必要的麻烦，和尚仅根据自己遇到的问题顺序进行整理，如图：

炫图AI

全能AI修图神器，AI换装、修图、改图、P图

193

查看详情

6. 重新打开命令提示符 -> 执行 flutter upgrade，之后等待进行，即可顺利安装：

7. 连接手机，开启开发者模式，打开命令提示符 -> 执行 flutter devices，检测是否连接设备，如图：

至此，Flutter 环境的安装配置已成功完成。虽然安装配置环境只是基础中的基础，但当看到 "Welcome to Flutter!" 时，和尚依然感到一丝自豪和喜悦。接下来，和尚将继续深入学习和研究 Flutter。

Flutter 作为一种新兴的跨平台开发方式，和尚认为有必要深入学习。如果可能，和尚希望结合 Demo 整理一个小系列。和尚深刻理解到，看一百遍不如动手操作一遍，这可能会遇到各种意想不到的问题，对自己也是一种挑战。

以下是和尚的公众号，欢迎随时吐槽～

以上就是【Flutter 专题】01 图解 Windows 环境下安装配置环境的详细内容，更多请关注php中文网其它相关文章！