前言
小编新买了台华硕电脑,所以环境需要重新搭建,为了防止后来者走许多弯路(本质是怕自己忘了)。 该环境搭建教程应运而生。那就从下载android studio开始。
一、Android Studio
- 下载
可以到官网直接下载或到中文社区下载,这里就不给链接了,直接百度一下就好。
- 安装
安装教程网上有很多,就不详细介绍了,这里放一个参考链接。
注意: 由于小编买的是AMD CPU的电脑,在android studio安装虚拟机的时候出现一个问题。导致虚拟机无法运行。
在网上找到了一个可行的解决方案:
- 按 Win 键搜索 hyper,打开“启用或关闭 Windows 功能”。
- 找到“虚拟机平台”,并勾选。
电脑重启后虚拟机就可以运行起来啦!
二、flutter环境搭建
- 使用临时镜像。在用户环境变量配置如下:
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 到官网下载可用的安装包。
将安装包zip解压到你想安装Flutter SDK的路径,如:D:\flutter 更新flutter环境变量,将完整的flutter\bin全路径配置到“用户变量”中"Path"条目;
- 运行flutter doctor命令(注意flutter依赖git,如果没有git环境先下载)
当小编信誓旦旦的敲下flutter doctor命令后,等待片刻,好家伙!这当然不出我所料(心虚)。
第二个报错提示没有找到android sdk。 解决方法:打开环境变量添加ANDROID_HOME到用户环境变量,将你的sdk路径放上去即可。
再次运行flutter doctor。嘿嘿!这次没有报红了。
但是看着3个感叹号还是不舒服呢,接下来根据它的命令执行flutter doctor --android-licenses,一直按y就可以啦。再接下来打开android studio安装flutter和dart依赖,file->Settings->Plugins 搜索安装。然后打开虚拟机。
再次运行flutter doctor。
最后建一个flutter项目,打开虚拟机,run! ヾ(≧▽≦*)o
三、VSCode配置flutter环境
在小编没有换电脑之前,使用android Studio+虚拟机跑flutter项目还是十分的吃力的呢,所以接下来配置VSCode跑flutter项目,就那么吃力啦!
- 打开VSCode扩展,搜索flutter安装,VSCode会自动将Dart依赖也安装下来。
- Ctrl+Shift+P 输入flutter,选择flutter:New Application Project新建flutter项目。
- run!
结语
好记忆不如烂笔头。环境搭建也是学习flutter的第一步。在记录的同时也希望能给予xdm一些帮助。