Flutter+VSCode+SDK踩坑合集

最近心血来潮，响应程序员应该不停学习的号召，准备试水一下目前巨火的移动端开发框架 flutter，技术比较新，国内上手的公司也不多所以在开发体验这一块，至少是错误处理这方面问题体验不是很好…
这篇博客主要讲一下环境构建方面的问题，也记录一下我的一些踩坑到吐血的经历。

安卓环境搭建

flutter其实一开始也是被用于客户端开发，所以安卓的开发环境是不得不提到的。flutter中文网站也是推荐我们使用 Android Studio（官网可下载）进行开发。
我们可以直接进入官网 ，选择当前较新的稳定版进行下载（我下的是目前最新的稳定版3.5，已经集成了 SDK环境，可以实现一体化安装体验，还是不错）
安装AS没什么好讲的，一路缺省就可以了。本身也自带模拟器，只需要下载flutter和dart的插件就可以进行flutter项目的开发了（当然前提是你没有被墙……）
这里我想讲一下关于使用VScode进行安装的过程
本人vscode无脑吹，Android Studio体积庞大，启动也十分耗费内存，电脑性能不强的情况下随便一个小项目都能卡死，感觉这是IDEA家族的通病…
所以我选择的是 夜神模拟器+VScode+SDK的轻量级开发方式，这里就不细说这几个软件的安装过程了，因为没有什么难度。
讲一下SDK，如果你之前先是安装了 AS，那么应该可以在 C:\Users**\AppData\Local\Android\sdk这个目录下面找到SDK的，如果你没有，分享一下SDK官网下载，尽量选择新一点的版本

然后我们需要配置一下环境变量，Win10的朋友可以直接点击搜索env进行环境变量设置
新建系统变量：
ANDROID_HOME ->SDK所在目录
选择系统变量中的 Path字段，编辑并添加如图所示

至此，重启电脑，win+R进行CMD命令行，输入 adb 得到正常显示表明我们的安卓环境基本已经大功告成了

flutter环境搭建

同样，进入官网下载flutterSDK，之后一路缺省安装（安装路径不要有中文和空格）。因为涉及到访问国外服务器的原因会导致资源加载过慢，此时建议配置国内镜像
FLUTTER_STORAGE_BASE_URL -》https://storage.flutter-io.cn
PUB_HOSTED_URL -》https://pub.flutter-io.cn

之后 在系统变量的Path中添加 flutter的路径（及之前安装的位置下的bin目录）
重启电脑，cmd命令行输入 flutter doctor

至此，flutter环境也可以告一段落了

VSCode + 夜神模拟器

在vscode中选择下载 flutter和dart的扩展程序，ctrl+shift+P调出命令面板，便可以新建一个flutter程序了
此时我们的模拟器还未与vscode相连接，打开 夜神模拟器所在目录下的bin文件，使用端口 62001进行本地连接 adb connect 127.0.0.1:62001，提示connected 表示连接成功，同时VScode右下角出现对应的提示（这里显示的是我的设备型号）
好的，至此，我们便可以在终端满怀期待的输入 flutter run，满心欢喜的等待成功……

问题时间

1. Resolving dependencies…
   卡在这里，多半是你的代理没有配置好，没别的说的，建议自己搭梯子，或者简单一点找个别人的梯子用用。有些教程会说让配置 阿里云的资源，但是治标不治本，而且很多新版本的包这里也没有，指不定哪天就又崩了影响开发。听我的，科学上网科学上网

Could not resolve com.android.tools.build:gradle:3.2.1.
     Required by:
         project :
      > Could not resolve com.android.tools.build:gradle:3.2.1.
         > Could not get resource 'https://dl.google.com/dl/android/maven2/com/android/tools/build/gradle/3.2.1/gradle-3.2.1.pom'.   
            > Could not HEAD 'https://dl.google.com/dl/android/maven2/com/android/tools/build/gradle/3.2.1/gradle-3.2.1.pom'.        
            Received status code 400 from server: Bad Request
      > Could not resolve com.android.tools.build:gradle:3.2.1.
         > Could not get resource 'https://jcenter.bintray.com/com/android/tools/build/gradle/3.2.1/gradle-3.2.1.pom'.
            > Could not HEAD 'https://jcenter.bintray.com/com/android/tools/build/gradle/3.2.1/gradle-3.2.1.pom'. Received status    
            code 400 from server: Bad Request

如果是以上错误，并且你的外网也是可以访问的情况下，我强烈建议你查看一下是不是 本地的gradle也配置了代理，
删掉最后的代理这几行代码即可

2. Running Gradle task ‘assembleDebug’…
这里的话，问题基本还是出在你的gradle文件中，可以查看网上相关的解答
在 repositories中加入 mavenCentral()

看到这个界面，恭喜你终于完成了页面环境开发搭建的过程，万里长征第一步就要开始了！