Flutter安装、配置、初体验 windows 版

作为一名合格的开发人员，我们应该积极地去拥抱新的事物，当然这个想法也不限于技术，加油！

Flutter 了解一下

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。了解更多

Flutter用什么语言开发？

采用了Dart作为开发框架和widget的语言。底层图形框架和Dart虚拟机在C /C++中实现。更多问题，更多思考！

接下来~ 安装 Flutter, get it!!

列一个安装清单

1. Flutter SDK
2. Dart
3. Android Studio
4. Android Studio Flutter 插件
5. Android 虚拟机
6. vscode Flutter 插件

Flutter SDK 安装配置 Dart 安装

这一步呢！ 其实~

Dart 安装程序 下载地址: www.gekorm.com/dart-window… Flutter SDK 下载地址: flutter.dev/docs/develo…

Dart 安装~

• 直接跟着安装导向走就可以了，如果出现网络错误，那你就需要那啥了

Flutter 安装~

1. 将下载的压缩包解压到你自己目录
2. 在根目录下找到 flutter_console.bat 打开它，输入 flutter --version 可以看到版本信息即我们下载的包没问题
3. 然后在配置一下系统的环境变量, 到这一步我们的 Flutter 就算安装完成了~
4. 再输入 flutter doctor 检查一下，还有什么问题~

等等，这……

这说明我们还缺少一些依赖~

再输入 flutter doctor --android-licenses 根据提示一路 yes 这是为了安装一些证书……

接下在我们就需要安装 Android Studio 和 虚拟机 了

Android Studio 安装配置 Flutter 环境

Android Studio 下载地址: developer.android.google.cn/studio/

Android Studio 按照安装导向一步一步走即可~

安装 Flutter 插件

安装完成后再重启一下 IDE

到这来我们就可以创建我们的 Flutter 项目了

根据提示 创建一个 Flutter 项目，这个时候还不能运行，它会提示我们没有虚拟机，需要安装我们的虚拟机来调试我们的 Flutter 项目

再次输入 flutter doctor 检查一下 Flutter

没有检测到任何虚拟机设备，另外我们可以看到 Android Studio 安装成功了

安装 虚拟机

选择一个机型，我选择的是 pixel 2 然后根据提示 缺什么下载什么 即可，这个过程会比较久；各位小伙伴一定要耐心等待啊

tips: 记下这个虚拟机的名字，下面有用，（名字可以随意起）

如果你也遇到这个问题的话~ 那么你的 CUP 要开启支持虚拟化 解决方法：进入你的电脑主板 BIOS 找到 Intel Virtual Technology 选项 设置为 Enabled

开启这个后就可以开启一个虚拟机了

告别用 Android Studio 开启虚拟机

创建一个系统脚本，快速开启 虚拟机 告别 Android Studio , 让 vscode C 位出道~

新建一个后缀名位 .bat 的文件 如： emulator.bat ， 写入一下内容

tips: 有可能你的 emulator.exe 路径不一样

C:\Users\ce\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Pixel2API28
复制代码

-avd Pixel2API28 这个是你的虚拟机的名字

保存，不出意外双击它就可以开启虚拟机了；

走到这一步离我们 成功已经走过 90% 了

配置 vscode 支持 Flutter 开发环境，调试一下

安装 Flutter 插件

flutter create my_flutter_app
flutter run

到这里就成功配置完成了

各位同仁这一步只是万里长征的第一步，接下来还有漫长的路要走，Flutter 现在搭建环境还是有点麻烦，相信以后一定会有更好的办法，拭目以待。

如有疑问欢迎来访： cjp96@qq.com