Windows系统下搭建Flutter环境

254 阅读3分钟

windows配置最低要求:

下载Flutter SDK

  • 各版本Flutter SDK下载地址
  • 解压下载下来的Flutter SDK压缩包,注意:压缩包不要放在系统盘如C:\Program Files\等目录下。
  • 在解压后的文件中找到flutter_console.bat, 双击后打开的就是Flutter命令面板,这里你可以执行Flutter命令。当然,你也可以在电脑的cmd面板中执行Flutter命令,这需要你将flutter\bin 添加到系统变量中,操作跟添加java环境变量同理。

检查你的开发环境是否满足运行flutter

在上述flutter命令面板或电脑的cmd面板中执行命令:flutter doctor ,它会扫描出你的环境中还缺哪些必要的东西,如下图:

第一个感叹号是因为笔者的Android SDK中有一些许可尚未获取,但如果你之前这个环境能开发android app 的话,可以不用顾虑这个提醒。第二个感叹号提示的是我的电脑目前没有连接可用的手机设备。

android studio 中安装Flutter 和 dart插件

  • 依次打开File > Settings > Plugins
  • 点击Browse repositories,找到Flutter插件并安装,如果提示需要安装Dart插件,点击确定
  • 最后重启android studio

更新flutter SDK和项目中依赖到的库包

flutter SDK不像android SDK那样有个可视化管理面板SDK Manager.exe,要更新flutter SDK目前只能通过命令,目前有四种渠道SDK,稳定版的,测试版的,开发版的,还有个mster版的,我们用稳定渠道的SDK即可,如果你想知道你现在的环境处于哪个渠道的,可以运行下面这行命令:

flutter channel

结果如下图:

如上图,我目前的SDK是稳定渠道中的,万一你不小心下了其他渠道的sdk,怎么切换到稳定渠道上来呢,运行如下命令即可:

flutter channel stable
flutter upgrade

第一句是切换到稳定渠道,第二句是要下载更新稳定渠道中的flutter SDK和你项目所依赖的库包,一旦你更新了渠道,记得一并更新该渠道的SDK和依赖库。

在继续讲flutter sdk 更新命令前,我们先来看看一个文件pubspec.yaml,在你创建一个flutter 项目时都会伴随着生成这个文件,这个文件类似于android项目中app下的build.gradle文件,项目的基本版本信息及所依赖的库包等都写在这个文件里:

name: startup_name
description: A new Flutter application.

version: 1.0.0+1

environment:
  sdk: ">=2.1.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.2

dev_dependencies:
  flutter_test:
    sdk: flutter
flutter:

  uses-material-design: true

更新命令一:flutter upgrade

上面我们提到过这个命令,这个命令不仅可以更新你当前渠道下的flutter SDK自身,还会一并更新你已有项目中依赖到的库包(应该是在pubspec.yaml文件中dependencies:节点下声明的)。

更新命令二:flutter pub get

这个命令不会去下载更新flutter SDK自身,它只会下载你项目中依赖到的库包,比如说你pull或克隆了一个项目下来,你本地是已经有了flutter sdk的,不需要重新下载更新flutter sdk,但这个项目中依赖到了其他库是你本地环境没有的,我想你可以运行下这条命令。

更新命令三:flutter pub upgrade

该命令同样不会去下载更新flutter sdk,flutter pub get 命令是去下载依赖到的库包,而flutter pub upgrade则是去升级更新依赖到的库包。

到这里,Flutter环境就算搭建好了,下篇我们就可以开始创建第一个Flutter应用啦。