搭建使用VSCode进行Android开发的Flutter环境(windows10+VSCode+Android SDK+Flutter SDK)

缘起

虽然进行安卓开发使用Android studio 比较方便 ,但是因为AS太臃肿而且还有一些404问题,就在打算如何进行高效的Android开发,于是找到了Flutter SDK, 他支持使用IDE进行开发, 也就是可以直接脱离AS以及java代码(真的很头大)
于是折腾了一个晚上终于搞好了.

资源下载

我们需要的东西有VSCode & Flutter SDK & Android SDK(这个后续还会下载挺多东西)
这些都可以在官网下载

• VSCode : https://code.visualstudio.com/
• Flutter SDK : https://flutter.io/docs/get-started/install
• Android SDK : https://developer.android.com/studio/#command-tools
  Android SDK 这边我们只需要到Command line tools only这里去下载他的命令行工具就好了
  如果你觉得命令行工具麻烦,可以安装Android studio 用里面的Android SDK 图形界面工具来操作
  不过这篇文章本意就是脱离Android Studio而写的.

开始安装

最好先把java安装上 然后配置好java的环境变量 如果提示找不到QTxxx.dll的就把java安装目录下的lib里面的QT相关目录也添加进环境变量中

VSCode 的安装我就不演示了.
Flutter SDK 直接将它解压到某个全英文路径中 按照它的推荐可以到某个盘:\src\flutter
解压好了之后就添加一下flutter的环境变量
此电脑-右键-属性-高级系统设置-环境变量
或者打开开始菜单直接输入env就有个编辑环境变量的
我们要把解压好的flutter\bin 添加到环境变量path中
添加好后我们先回到上层运行一遍flutter_console.bat (此步应该可以省略,不过我是按照官方文档来的所以就做了)

---

Flutter SDK环境配置好后 就可以试试在Powershell 或 CMD 里面输入flutter doctor 它将会诊断剩余还缺啥.
如果没有flutter命令 那就是你的环境变量没配置好 重新配置或者重启
配置好后基本就会弹出一个错误 2个警告分别是

• [x] Android toolschain 没有找到 后面一大推提示信息
• [!] Android Studio没有安装
• [!] 没有找到设备
  感叹号的都不是致命问题 最主要就是那个安卓工具链了 这就需要我们安装Android SDK了
  如果你之前已经安装好Android Studio 那么就没事 会自带有了. 只要环境变量里面的ANDROID_HOME 配置正确就可以了.
  如果像我这样是个错误 那就需要我们手动安装Android SDK了.

---

因为新的Android SDK 的SDKManager都没有了以前的图形界面 所以我们只能使用命令行操作
我们之前下载好了Android SDK 的命令行工具 直接解压到某个目录下(最好是全英文)我是在D:\android_sdk\下
解压好后我们救得到了一个tools 目录 里面就有我们需要的命令行工具
进入tools\bin 找到SDKManager.bat 我们按住shift键+右键这个目录的空白处 点击在此处打开powershell 或者在此处打开命令提示符窗口 取决于你爱用哪个.
输入sdk按table键补全 然后加 --list

可能一开始会有一个警告
Warning: File /home/xxxx/.android/repositories.cfg could not be loaded.
你只需要去创建这个文件就可以了
路径是C:\Users\用户名.android\ 下
你也可以用powershell命令创建
New-Item C:\Users\username\.android\repositories.cfg -type file username替换成你们电脑的用户名
之后再执行一遍

如果有
Warning: Failed to download any source lists!
Warning: java.net.ConnectException: Connection timed out: connect
这个问题 就是你的网络问题 SSR设置成全局代理吧

如果一切OK 那么你将会看到一大堆项目列了出来 这些都是我们可选的
目前我们需要的有

• build-tools;xxxxxx 平台构建工具
• platform-tools 平台工具集
• platforms;android-xx 哪个APIs 对应构建工具
• patcher;v4 补丁包
• extras;intel;Hardware_Accelerated_Execution_Manager PC硬件加速相关
• emulator 模拟器 (可选 如果你打算直连手机的话就不需要)
• system-images;android-xx;google_apis_playstore;x86 如果你用模拟器就需要一个系统镜像

安装过程中你的网络连接超时 那就把代理设置成全局 或者在 sdkmanager命令后面添加 代理的参数

• --proxy=socks 使用socks代理 还可以=http
• --proxy_host=127.0.0.1 我的ssr设置成允许局域网连接 于是就可以用这个地址
• --proxy_port=12866 我的ssr局域网代理端口设置成了12866 你设置成你的端口就好了

这样下载时就会走代理了

下载方法就是在powershell里面 输入.\sdkmanager.bat "你要下载的包名" [代理设置]
如 .\sdkmanager.bat "platforms;android-28" --proxy=socks --proxy_host=127.0.0.1 --proxy_port=12866
我的是如下

把上面列出来的那些需要的项目都下载好之后 就需要配置环境变量了
我们需要把platform-tools 和 built-tools 都添加进环境变量 但是为了方便 我全部添加了

---

配置完这些环境变量后
你需要配置ANDROID_HOME 好让flutter能够找到你的Android SDK

ANDROID_SDK_ROOT 与 ANDROID_HOME 是针对新旧版flutter的变量 加上也无妨
当这些一切都弄好了, 可以先重启一下电脑

---

VSCode 插件

为了在vscode中能够畅快的开发flutter程序 我们需要添加插件支持

首先是这个

他会自动把dart语言依赖也安装好 所以一个就可以了

推荐这两个

都是代码片段补全的

一个模拟器的插件

使用这个插件你需要配置这个插件的一个绝对路径 这个路径就是emulator文件夹下的可执行程序

当插件都安装好了 就可以重载启动

开发前准备

首先我们在vscode中打开命令 输入flutter doctor 运行它 终端输出就会有之前的信息
只要我们配置正确了 基本没问题

两个警告 一个是没有Android studio 另一个是没有连接设备 不重要 只要没有[x]就好了

第一个程序

环境OK 你可以连接手机 或者启动一个模拟器 就在vscode右下角就有一个 NO Device 点击它 就可以create一个新的模拟器设备(之前你要下载好镜像 ) 如果提示没有虚拟化 就要去bios里开启虚拟化
在vscode命令中输入flutter new project

创建一个新的项目 然后选择一个目录
接下来就等着项目自动构建吧. 如果有cmake问题 就装一个cmake

项目创建好之后就会出现这么多的目录文件

在点击debug调试前 先添加一个配置 一切默认就OK了 保存配置 就可以运行了

调试时出现的问题

如果启动过程中一直卡在 Initialization gradle…
那就去gradle官网下载他的zip压缩包 然后放在
C:\Users\用户名\.gradle\wrapper\dists\gradle-4.10.2-all\9fahxiiecdb76a5g3aw9oi8rv下 把其他文件删除
gradle的版本要对应好

如果启动过程卡在 解决依赖 就把代理设置成全局

这两个问题都是网络问题导致的