一下午简单写个搭建Flutter开发环境,dome跑起来!

194 阅读2分钟
1.下载flutter包由于需要FQ,国内下载会出现问题,所有需要先配置一下用户环境变量。
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置用户环境变量:右击我的计算机>属性>高级系统设置,然后就会出现用户环境变量板块(不用设置系统变量)。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

2.在git上安装flutter SDK。(使用码云的地址会很快,可惜地址我没有记下)

git 命令:git clone -b dev github.com/flutter/flu…

3.接下来win +R,输入cmd ,输入命令 flutter doctor,来安装相关依赖。

在这里插入图片描述出现上图所示的情况,说明正在安装,由于是第一次使用flutter命令,所有需要等一段时间,以后再运行就会快得多。安装成功后会显示如下图(打勾代表正确, X 达代表有问题, ! 代表要需要安卓studio以及连接的设备,那么现在我们主要需要安装的就是安卓sdk了,也就是说,flutter sdk已经安装OK):

在这里插入图片描述

4.接下来安装 android studio,安装完成后再到cmd 命令行执行 flutter doctor。(如果一切顺利,那么android studio前面应该是一个对勾)。

5.接下来在cmd输入命令:flutter doctor --android-licenses,然后一路按“y”。

6.最后再在cmd命令行执行flutter doctor。

7.可以使用vscode创建一个app项目,ctrl+shift+p选择Flutter:New Project,然后输入项目名字,选择创建的目录,即可看见一个新创建的项目文件夹。

使用VScode调试flutter项目,使用android studio开启模拟器。

1.vscode 和android studio 都要安装flutter插件(安装flutter时,dart默认就一块安装)。

2.点击下图图标,添加android模拟器类型

在这里插入图片描述

3.然后打开flutter项目中找到main.dart文件,然后点击下图图标,运行。

在这里插入图片描述

4.android studio配置完成后,这时模拟器已可用,在vscode中,按F5就会唤起模拟器,直接可以使用vscode调试代码。