一、Flutter开发环境配置(Windows)

官网地址:https://flutter.io/
插件仓库:https://pub.dartlang.org/flutter
跟多的介绍可以通过上面的链接获取,这里就总结一句,Flutter大法好

INSTALL ON WINDOWS

获取 Flutter SDK

为了获取 Flutter , 使用 git 去克隆仓库然后添加 flutter 工具到你的环境变量。 运行 flutter doctor 来显示剩下你需要安装的的依赖。

克隆仓库

如果这是你第一次在电脑上安装 Flutter ,就要克隆这个远程仓库:
git clone -b beta https://github.com/flutter/flutter.git

设置环境变量

为了可以在任意的终端会话使用 flutter 命令,你需要添加它到你的 PATH 环境变量:

  • 打开 “控制面板 > 系统和安全 > 系统 > 高级系统设置 > 环境变量”。
  • 在用户变量下,检测是否存在 “Path” 的环境变量:
    • 如果这个 Path 变量已经存在了,就添加;到原来的 Path 值的末尾,并且加上 flutter\bin 的全路径。
    • 如果这个 Path 变量不存在,就要在用户变量下创建新的 Path 的变量名,并且它的变量值设置为 flutter\bin 的全路径。


      一、Flutter开发环境配置(Windows)_第1张图片
      环境变量配置

      关闭所有的终端,重新开启一个新的终端,完成更改。

运行 flutter doctor

打开一个新的命令提示符或者 PowerShell 窗口,接着运行以下的命令,看是否需要安装任何依赖项来完成安装:

flutter doctor

执行结果:

C:\Users\KotlinD>flutter doctor
Updating flutter tool...
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel master, v0.4.3-pre.91, on Microsoft Windows [Version 10.0.17134.48], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[√] Android Studio (version 3.1)
[√] IntelliJ IDEA Ultimate Edition (version 2018.1)
[√] Connected devices (1 available)

• No issues found!

如果你是第一次使用Flutter的话可能会有几个错误出现

一、Flutter开发环境配置(Windows)_第2张图片
可能出现的错误解释
Android Studio 配置
一、Flutter开发环境配置(Windows)_第3张图片
安装Flutter插件

一、Flutter开发环境配置(Windows)_第4张图片
安装Dart插件

一、Flutter开发环境配置(Windows)_第5张图片
配置插件

一、Flutter开发环境配置(Windows)_第6张图片
设置Dart路径

一、Flutter开发环境配置(Windows)_第7张图片
配置Flutter路径
运行官方Example
一、Flutter开发环境配置(Windows)_第8张图片
官方Example运行

flutter_gallery是比较完善的案例,但是比较坑的是里面使用到了https://flutter.googlesource.com/gallery-assets,但是由于这是Google的服务器,太渣了【你懂的】。
所以我们这里要配置一下,通过某种方式将gallery-assets下载下来,这里大家可以直接使用我配置到GitHub的https://github.com/MartinDong/gallery-assets.git

一、Flutter开发环境配置(Windows)_第9张图片
解决gallery-assets获取失败

配置完成上面的之后使用Android Studio运行项目


一、Flutter开发环境配置(Windows)_第10张图片
Android Studio运行项目

一、Flutter开发环境配置(Windows)_第11张图片
运行结果

你可能感兴趣的:(一、Flutter开发环境配置(Windows))