zoukankan      html  css  js  c++  java
  • vscode+flutter环境搭建

    1.写在前面:Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。

    2.Windows上搭建Flutter开发环境(vscode)

    (1)下载Flutter SDK:下载地址:https://flutter.io/sdk-archive/#windows

    (2)将安装包zip解压到你想安装Flutter SDK的路径(如: D:fluter;注意,不要将flutter安装到需要一些高权限的路径如C:Program Files)。

    (3)配置环境变量 (Flutter的执行是要进行联网的,由于国内的原因,所以你需要设置环境变量)

    PUB_HOSTED_URL            https://pub.flutter-io.cn
    FLUTTER_STORAGE_BASE_URL             https://storage.flutter-io.cn
    

     (4)进行Flutter doctor 的测试:在终端中输入flutter doctor,你可能会得到下面类似的结果。

     3.VSCode下如何玩转Flutter

    打开VSCode的Flutter插件界面,然后用在搜索框中输入Flutter,第一个就是Flutter插件了。点击install就可以进行安装了。

    错误问题总结:

    1.首次运行Flutter失败报错(Finished with error: Gradle task assembleDebug failed with exit code 1)

    可以在cmd终端运行下面的命令用来检查是不是有没有同意的协议:全部都同意(y)回车(Enter)

    flutter doctor --android-licenses
    

    2.在Debug项目的时候, 出现  Error running Gradle:一般是因为不能FQ的原因,

    解决方案是改位阿里的链接(1.0已经修复了这个问题,不用再重新设置了)。

    第一步:修改掉项目下的android目录下的build.gradle文件,把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' }
    

    第二步:修改Flutter SDK包下的flutter.gradle文件,这个目录要根据你的SDK存放的位置有所变化。比如我放在了D盘flutter目录下,那路径就是这个。

    D:flutterpackagesflutter_toolsgradle
    

    打开文件进行修改,修改代码如下(其实也是换成阿里的路径就可以了)。

    flutter.gradle文件中repositories中是google() 和 jcenter(),
    
    repositories{
    google()
    
    gcenter()
    
    }
    

    把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' }
    

    参考文献:

    https://blog.csdn.net/mo911108/article/details/88603003

    http://www.jspang.com/detailed?id=41#toc328

    https://blog.csdn.net/qq_36710522/article/details/90636078

  • 相关阅读:
    Preparing for Merge Sort(二分)
    Polycarp's phone book(unordered_mpa 大法好)
    Yet Another Task with Queens
    nginx 初时
    JSON.stringfiy 序列化
    css grid布局使用
    遍历对象属性5种方法,排列顺序规则
    归并方法
    处理地图经纬度,保留6位小数
    js 操作方法
  • 原文地址:https://www.cnblogs.com/USTC-ZCC/p/14513181.html
Copyright © 2011-2022 走看看