记录flutter的开始

自用,谢谢

1. window的用户直接将下面的添加到环境变量中

PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

这个我也不知道到底有没有用,但是我加上了。(这里附加一下环境变量的打开方式)

2. 安装 Flutter SDK

可以使用git直接拉去git clone -b stable https://github.com/flutter/flutter.git(但是我这里拉去失败了,失败原因找不到了,我看很多人说这里能拉取到,但是我不行)

还可以用这个链接直接去点击下载,我使用这个是可以的

Flutter SDK archive | Flutter

下载的是一个压缩包,解压就行了(这里尽量路径中不要包含中文)

解压之后是这个样子的,点击这个就可以开启黑窗口进行flutter的命令输入了。

3. 修改环境变量

在系统变量的path里面添加一个路径,路径就是你自己解压出来的flutter的bin文件的路径。

4. 此时如果安装成功的话,就可以在任意地方的黑窗口(cmd)里面输入flutter的命令了

可以先输入一下  flutter -h查看一下帮助命令,flutter --version是查看版本的

出现这个就是成功了。

5. 此时可以输入一下flutter doctor命令,这里肯定会出现错误的,因为Android Studio 和 Android SDK还没有安装。成功的话应该是这样的

这个错误是vscode的东西,这个可以忽略。

6. 下载Android Studio

下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers

这个链接应该都能打开

这个有点大,可能下载的有点慢(下载失败的话可能就要科学上网了)。

下载完之后是

接下来就是安装,安装过程就是一直next,安装过程中可以改一下安装地址,毕竟c盘内存有限(还是安装路径中避免有中文)。

安装完成后文件夹内就是这样

可以在bin目录下点击这个运行程序。第一次运行会有一个错

这个暂时不用处理,直接cancel。

然后就是这里我安装的时候没有截图,就去找了一张其他人的图。这里我当时安装的时候不止这一个,有好多,我全部都安装了(我也是新手,没弄明白这个文件都是什么,但是Android SDK是必须安装的)。

7. 安装SDK tools

勾选之后点击apply进行安装(其余的我安装的时候他自己勾选的,我就没有去掉)。

配置完之后,还需要在配置一下环境变量

这里的路径就是在安装android sdk的时候自己选择的路径。

这里全部设置完之后可以再去flutter doctor一下。可能还会出错一下,出错的话就要重启电脑一下了(我安装的时候是报错了,重启之后就没错了),没错之后但是会有一个感叹号,这里还需要flutter doctor --android-licenses  执行以下这个命令。

执行这个命令后一直y就行。

8. 设置android模拟器(这个我暂时也没弄好,点击启动模拟器后出不来,一直)

点击这个这里会有一个默认的,点击左上角的加号可以自定义模拟器。

在这个phone里面挑一个自己喜欢的(我也没弄清楚他们有什么区别,可能是屏幕大小不一样吧),然后点击next。

这里也是选一个自己喜欢的(这里好像是选择模拟器的android型号的,选择之后会下载,下载之后点击NEXT)。

这个上面的是模拟器的名字,自己随便填吧,到那时好像要避免中文。

下面的好像是开启硬件加速的,右面的HAXM就是开启硬件加速需要的,这个下载需要

这个要是启用的,我的暂时是禁用的,之后找时间开启一下试一下可以不可以。

点击finish,就会出现一个你自己的模拟器。

这里的1就是运行模拟器。2就是修改模拟器的配置,3就是打开所在的文件夹。

我的现在是点击之后一直卡在这里,也没有报错信息。(有知道的大佬可以私信我告诉我什么问题吗。要哭了)。

9. 配置vscode

需要在vscode的插件中下载flutter下载之后他自己就把dart下载好了。

这里新建项目可以查看->命令面板然后输入文件名称就可以了。

下面是新的项目。

初始项目就是这个样子的(这个main.dart里面的内容我自己修改了)。

项目运行的话可以在终端内输入flutter run

点击这个可以选择模拟器,还可以选择window,chrome,edge在浏览器内进行模拟如果刚才在android SDK内创建的手机模拟器启动成功的话,好想在这里也会展示出来。但是我的没启动成功。下面的就靠大家摸索了。

截止到今天我也才进行到这一步。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值