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

4,398 阅读3分钟

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

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 创建项目
  • vs code 打开 项目
  • 再输入 flutter run

到这里就成功配置完成了

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

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

coding is intersting, this man is Roman Reigns