Windows下搭建Flutter开发环境

2018.12.10更新 升级Flutter SDK


Flutter依赖Git命令行工具,请先下载安装Git for Windows。或者保证能在命令行访问git。

  • 下载SDK
    去官网下载最新的Windows版本,目前我们下载Beta渠道的最新版本v0.11.11。
    Windows下搭建Flutter开发环境_第1张图片
    下载Flutter SDK

下载后从压缩包提取flutter解压到某个目录,比如H:\flutter

Windows下搭建Flutter开发环境_第2张图片
解压提取flutter

  • 配置环境变量
    • 新建系统变量FLUTTER_HOME,值为flutter的解压缩目录,比如H:\flutter
    • 在Path系统变量中添加%FLUTTER_HOME%\bin;
  • 运行flutter doctor命令
    打开新的命令行窗口,运行flutter doctor命令。它将检查有哪些依赖项没有安装。
    Windows下搭建Flutter开发环境_第3张图片
    运行flutter doctor

上面提示我安装需要运行flutter doctor --android-licenses来接受某些Android许可协议。我PC上安装的Android Studio v3.1和IDEA都没有安装Flutter插件和Dart插件。

下面就根据提示来处理。

  • 处理接受许可
    根据提示执行flutter doctor --android-licenses命令,然后根据提示输入y来表示同意许可。
    Windows下搭建Flutter开发环境_第4张图片
    接受许可
  • 安装Flutter 插件和Dart插件
    下面介绍Android Studio安装Flutter和Dart插件。IDEA安装过程和Android Studio类似,不做介绍。
    • 启动Android Studio
    • 打开File>Settings>Plugins>Browse repositories>输入flutter>执行安装
    • 执行安装Flutter插件时候,会提示你先进行安装Dart插件。
Windows下搭建Flutter开发环境_第5张图片
image.png

安装完成后,请重启android studio。

似乎Dart插件直接下载会超时。我配置了使用ss做为HTTP代理才下载成功。

Windows下搭建Flutter开发环境_第6张图片
配置代理

重启android studio后,执行File > New > New Flutter Project则可以创建Flutter项目。

Windows下搭建Flutter开发环境_第7张图片
创建Flutter项目

Flutter SDK 升级

到现在2018.12.10为止,Flutter快速发布了好几个版本,并且也发布了稳定的v1.0版本。下面进行升级。
在Beta渠道已经有正式的v1.0版本,所以这里就不切换渠道了。

要切换渠道,执行flutter channel

进入到SDK目录,命令行下执行flutter upgrade进行升级。

Windows下搭建Flutter开发环境_第8张图片

参考资料:https://flutter.io/docs

你可能感兴趣的:(Windows下搭建Flutter开发环境)