欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

flutter菜鸟从零开始快速起飞(一:安装环境)

程序员文章站 2022-06-23 09:38:07
flutter菜鸟快速起飞(一)导读本篇概览正文安装Android studio安装flutter sdk导读本系列专注于flutter纯新手快速入门,直接学习如何从零开始搭建项目。注意:可能需要一些前端开发的基础知识。本篇概览安装android studio环境,安装flutter sdk。正文安装Android studio安装flutter sdk......

导读

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

本篇概览

安装flutter sdk,安装android studio环境。
教程适用环境:

系统 编辑器 app系统
windows vscode android

正文

安装Android studio

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

flutter菜鸟从零开始快速起飞(一:安装环境)

  • 创建Android 模拟器
  1. 打开下图中的AVD Manager
    flutter菜鸟从零开始快速起飞(一:安装环境)
  2. 点击Create Virtual Device 按钮,选择一个你需要的手机型号进行安装,本文选择的是Pixel2 XL:
    flutter菜鸟从零开始快速起飞(一:安装环境)
  3. 之后需要选择一个安卓的系统镜像,选择一个适合自己系统的镜像安装即可,这里选择的是R,点击Download 之后再选择Accept ,就会进入自动安装下载。
    安装过程中可能会出现下载失败的情况,这时候再次点击Download,多次尝试即可
    flutter菜鸟从零开始快速起飞(一:安装环境)
  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,如下图所示:
    flutter菜鸟从零开始快速起飞(一:安装环境)
    重启android studio后,再次执行flutter doctor之后可以看到
[] Android Studio (version 4.0)
  • 打开vscode,在拓展中搜索Flutter,安装flutter插件,vscode会自动安装Dart拓展。
  1. 以上步骤全部完成后,再次运行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的各位同行,很想跟你交流。
如果能对你有点帮助,希望能点个赞!
另外求好心的大佬打赏一下,助我能早入入手一个便宜的mac,开始写ios系统的经验,感激不尽QAQ

本文地址:https://blog.csdn.net/weixin_42822813/article/details/107347828