windows10 flutter环境搭建全程(含Android Studio)

713 阅读2分钟

前言

小编新买了台华硕电脑,所以环境需要重新搭建,为了防止后来者走许多弯路(本质是怕自己忘了)。 该环境搭建教程应运而生。那就从下载android studio开始。

一、Android Studio

  1. 下载

可以到官网直接下载或到中文社区下载,这里就不给链接了,直接百度一下就好。

  1. 安装

安装教程网上有很多,就不详细介绍了,这里放一个参考链接

注意:  由于小编买的是AMD CPU的电脑,在android studio安装虚拟机的时候出现一个问题。导致虚拟机无法运行。

image.png

在网上找到了一个可行的解决方案:

  • 按 Win 键搜索 hyper,打开“启用或关闭 Windows 功能”。
  • 找到“虚拟机平台”,并勾选。

image.png

电脑重启后虚拟机就可以运行起来啦!

二、flutter环境搭建

  1. 使用临时镜像。在用户环境变量配置如下:
PUB_HOSTED_URL=https://pub.flutter-io.cn 
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 到官网下载可用的安装包。

将安装包zip解压到你想安装Flutter SDK的路径,如:D:\flutter 更新flutter环境变量,将完整的flutter\bin全路径配置到“用户变量”中"Path"条目;

image.png

  1. 运行flutter doctor命令(注意flutter依赖git,如果没有git环境先下载

当小编信誓旦旦的敲下flutter doctor命令后,等待片刻,好家伙!这当然不出我所料(心虚)。

image.png

第二个报错提示没有找到android sdk。 解决方法:打开环境变量添加ANDROID_HOME到用户环境变量,将你的sdk路径放上去即可。

image.png

再次运行flutter doctor。嘿嘿!这次没有报红了。

image.png

但是看着3个感叹号还是不舒服呢,接下来根据它的命令执行flutter doctor --android-licenses,一直按y就可以啦。再接下来打开android studio安装flutter和dart依赖,file->Settings->Plugins 搜索安装。然后打开虚拟机。

再次运行flutter doctor。

image.png

最后建一个flutter项目,打开虚拟机,run! ヾ(≧▽≦*)o

image.png

三、VSCode配置flutter环境

在小编没有换电脑之前,使用android Studio+虚拟机跑flutter项目还是十分的吃力的呢,所以接下来配置VSCode跑flutter项目,就那么吃力啦!

  1. 打开VSCode扩展,搜索flutter安装,VSCode会自动将Dart依赖也安装下来。
  2. Ctrl+Shift+P 输入flutter,选择flutter:New Application Project新建flutter项目。
  3. run!

结语

好记忆不如烂笔头。环境搭建也是学习flutter的第一步。在记录的同时也希望能给予xdm一些帮助。