zoukankan      html  css  js  c++  java
  • 【Flutter】环境搭建以及HelloWorld创建

    平台:WIndows10 Android Studio

    VScode同理,具体可以参考Flutter中文站

    配置环境

    1.下载SDK,进入官网选择最新的即可。我这里选择的是v1.9.1+hotfix.2版本,建议使用迅雷下载,速度飞快~

    2.解压 Flutter,然后进入flutter/bin目录下,把这个地址复制下来加入系统环境变量中,如图所示。

    3.在cmd中输入 flutter 如果出现如下图所示即代表环境变量配置成功。

    然后就可以输入 flutter doctor ,来检测一下flutter的环境依赖是否完全(显然是不可能完全的,提示需要下载,直接Y即可)。

    注意,如果下载速度很慢或者你不会魔法上网,请使用临时镜像:

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

    加在系统用户的环境变量中即可。

    3.如果你的Android Studio已经安装好了flutter插件,你会看到如下界面。

    发现有一个协议啥的需要签,按照提示操作即可。

    无脑yes后,再运行一下flutter doctor,大功告成!

     使用Android Studio 创建第一个项目

    1.在一切环境配置好后,打开AS的界面应该是这样:

    选择创建Flutter项目

    2.选择第一个,创建一个Flutter应用

    3.为项目配置一些基本属性和包名

    4.稍等片刻即可完成项目的创建。如果之前AS配置了虚拟机,直接运行即可。

    然后在Device中选择你的虚拟机(真机也可以),运行

    这时候Flutter会自动下载一些依赖什么的,过程非常漫长。。。耐心等待。

    然而我的根本没有速度啊!!!(从任务管理器中可以看到)

    Flutter在AS中的坑就是,如果gradle下载超时,没有提示!!!是一直在加载中

    所以你需要手动去下载对应的包然后放在对应目录下。

    在这个目录下:

    C:Users用户.gradlewrapperdists

    有所有的gradle包,所以点击查看哪一个不是完整的zip格式的,就手动去下载对应的版本吧。

    gradle官网

    注意下载好的安装包一定要放在这个目录下面:

    然后重新运行,等待一会,你的第一个flutter程序已经运行起来了。

     

  • 相关阅读:
    自定义 radio 的样式,更改选中样式
    【Vue中的坑】vue项目中动态绑定src不显示图片解决方法
    js复制内容到剪切板
    js实现鼠标单击或者双击事件
    代码修改shader Properties uniform变量
    关于unity中BindChannels的理解
    shader Category
    Unity手游之路自动寻路Navmesh之高级主题
    Unity手游之路自动寻路Navmesh之入门
    Unity 自动寻路Navmesh之跳跃,攀爬,斜坡
  • 原文地址:https://www.cnblogs.com/robotpaul/p/11586721.html
Copyright © 2011-2022 走看看