Windows下Flutter环境搭建

官方网址:https://flutter.io/

Flutter中文网:https://flutterchina.club/

中文开发者论坛:http://flutter-dev.cn/

软件环境

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

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

3.工具: Flutter 依赖Git命令行工具.Git命令行工具下载

前期准备

使用镜像

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

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

如图:

 

éç½®ç¯å¢åé1

Windows下Flutter环境搭建_第1张图片

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

安装过程

下载Flutter SDK (容易采坑)

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

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

Windows下Flutter环境搭建_第2张图片

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

采坑--小板凳排排坐

如果你是download的release包,运行flutter doctor会报如下错误:

Windows下Flutter环境搭建_第3张图片

解决方法

把刚刚下载的Flutter安装包删掉,重新在想要安装的目录下运行git clone -b beta https://github.com/flutter/flutter.git

配置环境变量

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

Windows下Flutter环境搭建_第4张图片

运行 flutter doctor

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

flutter doctor

å¨è¿éæå¥å¾çæè¿°

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

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

å¨è¿éæå¥å¾çæè¿°

 

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

å¨è¿éæå¥å¾çæè¿°

 

 

 

 

你可能感兴趣的:(flutter,flutter,前端,APP混合开发)