Flutter-VSCode安装和配置_vscode配置flutter

第一步：安装Flutter

window下Flutter官网下载链接：https://flutter.dev/docs/development/tools/sdk/releases#windows

​ 下载完Flutter后，解压到自己的本地的安装路径。随后进入flutter安装路径，运行该目录下的flutter_console.bat文件，接下来就可以来测试Flutter安装成功，可以在该安装目录下打开PowerShell，执行flutter doctor命令行来进行检测。运行后的正确结果见下图：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Cq0wrABj-1667907984640)(https://img.onephantom.cn/UTOOLS1574441480993.png)]

上图中的Android toolchain需要后面来配置，下面也会讲解。

注：window7自带的powerShell版本比较低，无法执行flutter doctor命令行，会出现结果为Unblock File错误。可以下载5.0版本以上的Power Shell。

第二步：配置全局Flutter

1. 右击我的电脑，进入属性 （我的电脑 => 属性）
2. 进行高级系统设置，开始配置环境变量
3. 在系统变量中找到Path变量，将“flutter安装路径\bin”加入进去，若是win7，前面得加‘ ; ’作为分隔。
4. 确定退出
5. 打开cmd，运行flutter doctor.

第三步：安装和配置android sdk

前去 Android SDK官网，下载window版本的sdk tools。

下载完成解压后，运行该目录下的SDKManager.exe,

注册过程中，我们需要耐心的等待一段时间。插件注册完成后，就可以开始配置全局adb了。与配置flutter差不多，进入高级系统变量界面后，新建一个ANDROID_HOME的变量，变量值android sdk的安装目录。点开系统变量中的Path值，将**%ANDROID_HOME%\tools和%ANDROID_HOME%\platform-tools这两个值添加到里面。
然后打开cmd运行窗口，执行adb version**查看，运行结果如下：

flutter和adb连接错误

1. adb配置完成后，再一次的运行flutter doctor命令，可能会出现 Android license status unknown. 这个错误可以进行执行flutter doctor --android-licenses命令来解决该问题。
2. flutter doctor --android-licenses命令可能会出现sdk的版本过低，而导致android-licenses出现错误，所以需要升级android sdk的版本，进入sdk的安装目录，将tools文件夹进行一下重命名（除了该目录下的文件名，什么都行）。接下来便进入这个文件夹下的bin文件夹中。执行**.\sdkmanager.bat --update命令对sdk版本更新。更新过程需要等待一段时间。更新后，再一次的执行flutter doctor --android-licenses**命令。

这样flutter就可以开始使用adb的一些功能了。

第四步：VSCode的安装和配置

VScode安装包下载地址： https://code.visualstudio.com/

安装完成后，便开始针对flutter进行配置。安装的插件主要就是：flutter，之后重启VSCode，按住Ctrl+Shift+P打开Command Platetter(命令平台)，输入Flutter，选择Run Flutter Doctor，查看OutPut输出控制台中的输出内容。