Flutter开发环境搭建(Windows环境下)

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。这是在 Flutter 中文网看到的对 Flutter 的介绍

前期准备

使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中,

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

如图:

《Flutter开发环境搭建(Windows环境下)》

《Flutter开发环境搭建(Windows环境下)》
提前设置这两个环境变量会避免不必要的错误,我之前没配这连个环境变量,在执行 flutter doctor 命令的时候出现了 无法连接到远程服务器 的错误。

系统要求

要安装并运行Flutter,您的开发环境必须满足以下最低要求:

  • 操作系统: Windows 7 或更高版本 (64-bit)

  • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

  • 工具: Flutter 依赖下面这些命令行工具.

    • Git for Windows (Git命令行工具)

      如果已安装Git for Windows,请确保命令提示符或PowerShell中运行 git 命令

安装过程

下载Flutter SDK

这里我通过 git 命令来下载 Flutter 的 beta 版.

git clone -b beta https://github.com/flutter/flutter.git

《Flutter开发环境搭建(Windows环境下)》

下载可能有点慢,耐心等待。

配置环境变量

下载完成后,将 flutter 添加到“用户变量”Path”的条目下。 Path 路径:控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 环境变量,Path 变量中添加 Flutter 路径,到 \bin 级;如图:

《Flutter开发环境搭建(Windows环境下)》

运行 flutter doctor

配置好环境变量后,打开一个新的命令提示符运行以下命令以查看是否需要安装任何依赖项来完成安装

 flutter doctor

如图:

《Flutter开发环境搭建(Windows环境下)》

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。

重新运行该命令即可看到以下信息,如图:

《Flutter开发环境搭建(Windows环境下)》

电脑连接手机,打开开发者模式,打开 cmd -> flutter devices,检测是否连接设备,如图:

《Flutter开发环境搭建(Windows环境下)》

参考

flutter中文网(https://flutterchina.club/)

结束语

学习一样新的东西,尤其是技术方面的东西,先找个看上去靠谱的教程一步步来,将这个过程中出现的问题和自己的疑惑点记录下来,不要着急马上找到答案,先实现最终效果。

给我自己一个小任务,年底前至少写 6 篇在学习 flutter 中的总结。

大家有兴趣的话可以关注下我的公众号
《Flutter开发环境搭建(Windows环境下)》

    原文作者:天下闻
    原文地址: https://blog.csdn.net/jiangbw415/article/details/82993808
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞