其他分享
首页 > 其他分享> > 一下午简单写个搭建Flutter开发环境,dome跑起来!

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

作者:互联网

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 https://github.com/flutter/flutter.git

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调试代码。

标签:写个,cmd,dome,Flutter,git,studio,android,安装,flutter
来源: https://blog.csdn.net/weixin_43989811/article/details/96336045