利用VScode搭建Flutter环境开发_flutter vscode

作者：IT小白 | 2024-03-14 01:48:42

踩

flutter vscode

作为一名前端程序员，为了这么个框架去下载个AndroidStudio实在是太费功夫太费时间了，所以决定在Vscode上面去搭建Flutter所需要的开发环境，搭建环境主要分为以下几点

java环境
flutter安装
Android环境
Android证书安装
Dart环境
模拟器配置

Java环境配置

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
在里面选择要安装的java环境版本，现在Oracle想要下载安装，需要先注册Oracle用户，这个很快就完事了，一路默认安装之后，可以Windows + R 进入命令行，输入java查看结果，如果出现下图这种，证明安装完成，如果出现：不是内部命令一类的，可以百度一下jdk的环境配置，这里就不详细介绍了
在这里插入图片描述

Flutter安装

Flutter的安装首先要通过这个地址
https://docs.flutter.dev/development/tools/sdk/releases?tab=windows
去下载Flutter的SDK，下载好后打开，会出现下图的这些文件
在这里插入图片描述
这时我们打开flutter_console.bat 这么个文件，可以自动打开命令行提示框，不过这个提示框是基于Flutter环境的一个提示框。

记得配置一下Flutter 的系统环境变量，将flutter中的文件夹`bin`的路径，复制下来放到`path`环境变量中

在这里插入图片描述
到这一步已经将Flutter的环境搭配好了，这里，我们可以利用一行命令去检验一下，还是在这个Flutter的命令行中，输入flutter doctor ，就可以检测Flutter的环境了

从图中可以看到我们的环境要求有4种，第一为Flutter的环境变量，我们已经成功，而二三四则分别为Android的环境、AndroidStudio开发工具、device（AVD模拟器）。现在我们已经解决了第一条，接下来就是安装Android环境的步骤了（在这里我的SDK环境已经安装好了，但是没有安装证书）

Android环境

安装Android的SDK环境可以去这两个地方
网盘地址：
链接：https://pan.baidu.com/s/1-1rIxptyNF2hzzLrfIyDPA
提取码：3bgt
网站地址：
https://www.androiddevtools.cn/
在这里插入图片描述
如果是程序安装的话，可以直接点击最后一步的start AndroidToolSDK
安装路径：C:\User\admin\AppData\Local\Android\android-sdk

网站安装的方法不管是哪个都可以，安装好后，打开文件夹的内容是这些
在这里插入图片描述
打开SDK Manager，选择自己需要安装的Android包，选择完毕后，点击install就会下载了，在这里需要等一会了，感觉翻墙安装下载应该会更快一些~

在这里插入图片描述

在这里我们可以在命令行内输入android 命令去检验一下环境是否安装成功

`坑！！！！`

这里需要注意了，从这里开始有许多需要配置的地方，请注意每一个地方

首先就是android环境的检验，当你在命令行输入android命令时，系统会告诉你，“该命令不是内部命令”

`解决办法`

在这里插入图片描述

创建系统变量：
变量名：ANDROID_HOME
变量值：AndroidSDK的路径，我是放到了D盘
在这里插入图片描述
添加path变量

这个变量的路径是你的AndroidSDK文件夹中的tools文件夹路径。
在这里还要注意一下的是我们还需要配置 adb 命令的环境变量，虽然说我现在也不知道用不用得上，但是我看他的作用模拟器方面应该是能用上的

ADB概述
Android Debug Bridge，Android调试桥接器，简称adb，是用于管理模拟器或真机状态的万能工具，采用了客户端-服务器模型
1
2

和上面的流程一样我们在Path后面再添加一个变量
在这里插入图片描述
该值为你的AndroidSDK中的platform-tools文件夹的路径

在这里插入图片描述
abd命令 --------成功！

android命令 ------- 成功！

Android证书

在flutter的命令行中输入：

flutter doctor --android-licenses
1

有的人会直接安装证书，如果安装的话，就一路选择Y就可以了，如果没有安装而是报错，如下图在这里插入图片描述
这是因为我们的Android的SDK版本不对，所以我们按照系统所告诉我们的运行升级SDK的命令

D:\Android\tools\bin\sdkmanager --update
1

在运行这条命令的时候，又会出现错误：
在这里插入图片描述
Warning: An error occurred during installation: Failed to move away or delete existing target file: D:\Android\tools Move it away manually and try again..