美文网首页
flutter安装教程

flutter安装教程

作者: bayi_lzp | 来源:发表于2020-01-06 10:16 被阅读0次

    首先按照官网地址安装flutter(flutter中文官网)遇到问题查看下面步骤

    步骤一:设置国内镜像环境变量及添加变量方法

    image

    按照上图添加国内镜像环境变量:

    PUB_HOSTED_URL = https://pub.flutter-io.cn

    FLUTTER_STORAGE_BASE_URL = https://storage.flutter-io.cn

    重启电脑。

    步骤二:获取Flutter SDK

    Flutter SDK下载地址,稳定和测试版本选择一个

    image

    下载下来之后解压到你想安装的磁盘目录下。解压过的目录如下图

    image

    要在终端运行 flutter 命令, 你需要添加以下环境变量到系统PATH:

    按照步骤一打开更改环境变量界面,在“用户变量”下检查是否有名为“Path”的条目:

    如果该条目存在, 追加 flutter\bin的全路径;

    如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.。

    操作如下图:进入到刚刚解压的flutter目录下,进入bin文件-复制出路径

    image

    粘贴到此处-重启终端工具和电脑

    image

    快捷键:win+Q在弹出框输入CMD,选择命令提示符,单击,在终端工具中输入flutter-出现如下图所示flutter相关命令。表示flutter环境变量更改成功。

    image

    步骤三:下载android studio,下载地址

    下载之后一路安装下去

    image image image image image

    一直点击next最后点击Finish.

    打开android studio,安装两个插件dart,flutter。安装插件步骤如下:

    image image image

    之前我已经安装,所以显示installed,未安装点击install,安装之后重启android studio。接下来看下一步。

    步骤四:使用flutter doctor检查还有什么依赖未安装。

    image

    报错: Android toolchain - develop for Android devices

    X Unable to locate Android SDK.
    
      Install Android Studio from: https://developer.android.com/studio/index.html
    
      On first launch it will assist you in installing the Android SDK components.
    
      (or visit https://flutter.dev/setup/#android-setup for detailed instructions).
    
      If the Android SDK has been installed to a custom location, set ANDROID_HOME to that location.
    
      You may also want to add it to your PATH environment variable.
    

    解决这个错误:解决办法已经展示出来,我们在安装android studio时已经安装了android sdk,现在是找到它安装在哪里了。并且添加环境变量ANDROID_HOME

    image

    打开android studio

    image image image

    复制到platform-tools目录的路径,添加ANDROID_HOME到环境变量。

    image

    添加Path

    image

    添加之后在重启cmd中运行:flutter doctor

    image

    报错: Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

    image

    执行:flutter doctor --android-licenses

    一路y

    image

    再次运行flutter doctor

    image

    至此我们基本已经成功。接下来就是安装手机模拟器。

    步骤五:使用usb链接线,链接手机

    image image

    No issues found;

    至此flutter安装完成,可以开发你的第一个flutter。

    相关文章

      网友评论

          本文标题:flutter安装教程

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