美文网首页
Flutter安装+Vscode+夜神模拟器+android S

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

作者: 老马真心话 | 来源:发表于2019-07-29 17:10 被阅读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 命令运行】

    相关文章

      网友评论

          本文标题:Flutter安装+Vscode+夜神模拟器+android S

          本文链接:https://www.haomeiwen.com/subject/alwbrctx.html