Flutter入门,环境搭建

1、下载flutterSDK

Git地址:https://github.com/flutter/flutter/releases  建议下载stable稳定版

2、安装Android studio

  下载地址:https://developer.android.google.cn/studio/

3、在macOS上搭建Flutter开发环境

(1)解压到自己想放的位置

Flutter入门,环境搭建_第1张图片

(2)打开(或创建) $HOME/.bash_profile。文件路径和文件名可能在你的电脑上不同

打开.bash_profile文件: open .bash_profile

刷新文件:source  .bash_profile

(3)打开文件后添加国内镜像以及flutter路径:

镜像:

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

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

flutter路径:exportPATH=[FLUTTER_INSTALL_PATH]/flutter/bin:$PATH

根据本人放的位置路径设置:export PATH="$PATH:/Users/zc/flutter/bin"

(4)Java路径:(jdk-13.0.2.jdk  版本请自行查看)

export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-13.0.2.jdk/Contents/Home

export PATH=$JAVA_HOME/bin:$PATH


Flutter入门,环境搭建_第2张图片

(5)设置完成记得 source .bash_profile哦

(6)验证“flutter/bin”是否已在PATH中:

        echo $PATH 


Flutter入门,环境搭建_第3张图片

(7)然后就可以 flutter doctor 啦

将会遇到以下 ❌  以下是本人遇到的问题记录以下

  1、Android license status unknown.

    > flutter doctor --android-licenses

    执行 flutter doctor --android-licenses  后正常情况下是直接一直输入 y 然后结束,然而本人遇到了奇奇怪怪的错误,因为当时没截图所以就不贴图了解决方式如下

打开Android Studio 


Flutter入门,环境搭建_第4张图片
选择preferences


Flutter入门,环境搭建_第5张图片
安装此SDK

在flutter doctor 一下依然会出现

Android license status unknown.

> flutter doctor --android-licenses

然后执行 flutter doctor --android-licenses 接着就是 y 就好啦

2、常见问题第二个就是:Android Studio (version 4.1)

    Flutter plugin not installed; this adds Flutter specific functionality.

    Dart plugin not installed; this adds Dart specific functionality.

Flutter入门,环境搭建_第6张图片

我们来到


Flutter入门,环境搭建_第7张图片
install flutter 和 Dart

Dart需要在上面搜索一下 然后Install  再去flutter doctor以后你会发现❌没有啦   

目前Android Studio 4.1版本即使你安装了这两个插件依然会报错,你可以试试创建一个flutter项目运行一下,如果不能运行则降低Android Studio版本到3.6就好啦,如果可以运行则不用管它。

接下来就可以开始体验flutter拉

附送详细地址:https://book.flutterchina.club/chapter7/dailog.html

你可能感兴趣的:(Flutter入门,环境搭建)