Flutter安装+Vscode+夜神模拟器+android S

2019-07-29  本文已影响0人  老马真心话

本人使用的已有环境:

win7 64bit + zulu openjdk1.8.0_222 (jdk是后续需要,安装配置自己百度)


此次安装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 命令运行】

上一篇下一篇

猜你喜欢

热点阅读