自用,谢谢
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的命令输入了。
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内创建的手机模拟器启动成功的话,好想在这里也会展示出来。但是我的没启动成功。下面的就靠大家摸索了。
截止到今天我也才进行到这一步。