Flutter安装+Vscode+夜神模拟器+android SDK
此次安装flutter需要用到的工具:
【Vscode】1.36.1 + 安装flutter插件与dart插件 (安装简单,不详细写了)
【Android SDK】android-sdk_r24.4.1-windows.zip
【Flutter】flutter_windows_v1.7.8+hotfix.4-stable.zip
【夜神模拟器】6.3.0.5 (安装简单,不详细写了)
【约定】本人习惯把软件安装在D:\Devsoft 文件夹下,vscode与夜神模拟器就在这个目录下;
把与Android有关的统一在D:\Devsoft 文件夹下新建了android文件夹下放置(即D:\Devsoft\Android)
vscode与夜神安装简单,这里不详述了。重点android SDK与flutter的安装配置
【SDK安装】
解压android-sdk_r24.4.1-windows.zip ,复制其文件下的android-sdk-windows文件夹到D:\Devsoft\Android文件夹下,android-sdk-windows文件夹重命名为SDK文件夹
打开环境变量添加:
ANDROID_HOME :D:\Devsoft\Android\Sdk
ANDROID_SDK_ROOT : D:\Devsoft\Android\Sdk
Path:D:\Devsoft\Android\Sdk\platform-tools;D:\Devsoft\Android\Sdk\tools
【flutter安装】
解压flutter_windows_v1.7.8+hotfix.4-stable.zip ,复制其文件下的flutter文件夹到D:\Devsoft\Android文件夹下
打开环境变量添加:
PUB_HOSTED_URL:https://pub.flutter-io.cn (主要是代理加速下载)
FLUTTER_STORAGE_BASE_URL :https://storage.flutter-io.cn (主要是代理加速下载)
Path:D:\Devsoft\Android\flutter\bin
有以上几步,就基本安装好了,开始踩坑了
打开vscode,按【ctrl+shift+P】,输入【flutter:new project】,随便取个名字,放置在某个文件夹下
新建好了后,在【cmd】输入【flutter run】运行会出现几个问题:
1. 【安装gradle卡住了】
可以关闭掉,手动下载gradle-4.10.2-all.zip 放置到C:\Users\Administrator\.gradle\wrapper\dists\gradle-4.10.2-all\9fahxiiecdb76a5g3aw9oi8rv目录下
2. 【Resolving dependencies卡住了】
可以在新建好的flutter项目的Android文件下的build.gradle文件里面修改如下:
这个文件里面有两个repositories,找到他们,把里面的两个注释掉,新增三个内容,为了加速下载。
repositories {
// google() 把这个注释掉
// jcenter() 把这个注释掉
maven { url 'https://maven.aliyun.com/repository/google' } //新增内容
maven { url 'https://maven.aliyun.com/repository/jcenter' } //新增内容
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' } //新增内容
}
3.【如何vscode连接夜神模拟器】
运行夜神浏览器,找到夜神模拟器的安装目录下的bin目录下,【shift键+鼠标右键】调用命令,输入【 nox_adb.exe connect 127.0.0.1:62001】 ,这样你在vscode右下角栏里面就可以看到已经连接上了
4. 【下载android的一些工具会卡,尤其谷歌被墙】
打开C:\Windows\System32\drivers\etc下的hosts
添加以下内容到里面且保存:
203.208.40.104 dl.google.com
203.208.40.104 dl-ssl.google.com
5.【Android sdk授权问题】
cmd运行【flutter doctor】,可以看到提示Android toolchain - develop for Android devices的授权问题,有个【flutter doctor --android-sdk 】类似在提示里面,你可以运行这个提示的命令,一路yes就可以解决了。
整理好以上内容后,打开夜神和vscode,在vscode新建的flutter项目中,打开终端输入【flutter run】,坐等他完成后,在夜神就会新建一个apk且展示刚才的flutter项目
【要想看到自己运行的flutter run的进度详细,可以改为 flutter run -v 命令运行】