因为公司最近可能会APP开发的需求，并且手头工作已经接近尾声，身为一个前端，现在多端混合开发在国内是很常见的，首先第一时间考虑UNIAPP，但是在此之前给PDA设备开发了一套软件，性能给我的感觉极度糟糕，并且感觉问题杂乱差，文档甚至有时候还要去微信小程序开发者文档去找，给我的感觉是在写一个网页，没有写一个APP的体验， 所以我决定学习Flutter，以便用于下一个项目，作为一个充满实力的挑战者，我觉着我应该会很快就会熟悉。

编辑器推荐

  1. VSCode (推荐)
  2. Android Studio
  3. IntelliJ IDEA

提前安装好的工具

  1. Git for Windows
  2. Android Studio
  3. Java

安装Flutter的方式

  1. 手动下载Flutter SDK 本地安装

官方下载地址 https://docs.flutter.cn/get-started/install/windows/mobile/

1

下载好后，将文件夹放到你的硬盘下，并且配置好环境变量，在cmd中输入flutter doctor，如果出现如下图所示，说明安装成功。

2

  1. Vscode 插件安装 插件名称：Flutter ，去VSCode插件市场安装。

VScode 按下快捷键 Ctrl + Shift + P , 打开命令面板，输入 Flutter，选择 Flutter: New Project ，等待检查完成后会自动生成项目。

境内镜像问题

修改maven.google.com 改为阿里的镜像

进入 D:\flutter\packages\flutter_tools\lib\src 找到 http_host_validator.dart ,修改 kMaven 值为 https://maven.aliyun.com/repository/google

const String kMaven = 'https://maven.aliyun.com/repository/google/';

3

配置环境变量

打开系统环境变量，新建环境变量，找到Path ，增加一条，你的flutter安装路径，例如：D:\flutter\bin

执行 flutter doctor -v 命令 ， 检测Flutter环境是否正常

flutter doctor -v

检测完成结果如下：

4

创建项目

VScode 按下快捷键 Ctrl + Shift + P , 打开命令面板，输入 Flutter，选择 Flutter: New Project ，等待检查完成后会自动生成项目。

6

启动测试成功

8

9