导读

大家好，我是自然。本系列专注于flutter纯新手快速入门，直接学习如何从零开始搭建项目。
注意：可能需要一些前端开发的基础知识。

本篇概览

安装flutter sdk，安装android studio环境。
教程适用环境：

系统	编辑器	app系统
windows	vscode	android

正文

安装Android studio

• 下载
  官方开发中文地址
  
• 安装

1. 可选项都勾上，建议不要安装在C盘。
2. 安装完成后打开，第一次安装没有配置文件，选择Do not import settings。
3. 可能会弹出无法连接到add on list的界面，选择取消，不需要设置代理。
4. 选择默认配置
   
5. 全部选择完后，选择Finish，它会开始下载全部所需的组件，需要一段时间，完成后出现如下界面，选择SDK Manager。
   
6. android sdk默认安装的位置在C盘，不合适，建议修改到其他路径，修改路径后会自动重新下载sdk。
   完成后记录下sdk的路径，在图中的红线位置。
   
7. 打开windows的计算机的属性面板，找到高级系统设置，切换到高级选项卡，打开里面的环境变量选项，在用户变量的PATH变量下，新建两条值，参考下图：
   • (刚才记录的sdk地址)\tools
   • (刚才记录的sdk地址)\platform-tools

• 创建Android 模拟器

1. 打开下图中的AVD Manager
   
2. 点击Create Virtual Device 按钮，选择一个你需要的手机型号进行安装，本文选择的是Pixel2 XL:
   
3. 之后需要选择一个安卓的系统镜像，选择一个适合自己系统的镜像安装即可，这里选择的是R，点击Download 之后再选择Accept ，就会进入自动安装下载。
   安装过程中可能会出现下载失败的情况，这时候再次点击Download，多次尝试即可
   
4. 最后选中已经安装的系统镜像，完成android 模拟器的安装。

安装flutter sdk

配置flutter镜像

• 同样打开windows的环境变量配置页面，在用户变量下新建变量，推荐flutter社区的镜像地址：

变量名	变量值
FLUTTER_STORAGE_BASE_URL	https://storage.flutter-io.cn
PUB_HOSTED_URL	https://pub.flutter-io.cn

安装flutter

1. 下载
   官方地址
   选择最新的stable版本即可。
2. 安装
   下载到本地后，解压到自选的路径，同样将（该路劲/bin）添加到系统环境变量的PATH下，比如
   “E:\flutter\bin”。
3. 配置和修复
   在任意目录下开启cmd，输入

flutter doctor

之后如果显示下图，说明已经配置正常

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.17.5, on Microsoft Windows [Version 10.0.18362.900], locale zh-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.1)
    X Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[!] Android Studio (version 4.0)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code, 64-bit edition (version 1.45.1)
    X Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
    ! No devices available

! Doctor found issues in 4 categories.

• 按照提示，输入flutter doctor --android-licenses，在每次提示时手动输入y并回车，全部完成后再次运行flutter doctor，可以看到

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.1)

• 打开Android Studio，从菜单中进入Plugins界面，在Marketplace下面搜索Flutter并安装，安装完成后点击弹出的restart ide，如下图所示：
  
  重启android studio后，再次执行flutter doctor之后可以看到

[√] Android Studio (version 4.0)

• 打开vscode，在拓展中搜索Flutter，安装flutter插件，vscode会自动安装Dart拓展。

4. 以上步骤全部完成后，再次运行flutter doctor ，最终成功显示的界面应该是：

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.17.5, on Microsoft Windows [Version 10.0.18362.900], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.1)
[√] Android Studio (version 4.0)
[√] VS Code, 64-bit edition (version 1.47.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 1 category.

至此，flutter开发的环境配置和安装就基本完成了。

小结

个人感觉flutter的安装还是需要一些攻略的，因此分享这篇我原创的安装经验，希望能帮到想要尝试flutter的各位同行，很想你交流。
如果能对你有点帮助，希望能点个赞！