美文网首页
(一)Flutter MAC环境配置

(一)Flutter MAC环境配置

作者: 39Coding | 来源:发表于2020-02-25 22:42 被阅读0次

    1.从 GitHub 上的 Flutter repo获取源代码

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    git clone https://github.com/flutter/flutter.git -b stable
    

    2.配置环境变量

    Shift+Command+G

    输入~/.bash_profile

    输入如下内容

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    export Flutter_Home=/Users/wangfei/flutter
    export PATH=$PATH:$Flutter_Home/bin
    export PATH=$PATH:$Flutter_Home/bin/cache/dart-sdk/bin
    

    退出保存

    更新环境变量

    source $HOME/.bash_profile

    查看是否生效

    echo $PATH

    3.查看版本,会自动下载sdk

    flutter --version

    4.开发二进制文件预下载(可选操作)

    flutter precache

    5.平台的配置

    参考https://flutter.cn/docs/get-started/install/macos

    下面贴一些我终端的关键步骤,我xcode和andrioStuido都是安装过了的。

    查看flutter环境的状态

    flutter doctor

    可以看到插件没装,协议没同意,接着安装AdroidStuido 的插件 和vsCode的插件

    Android Studio: https://developer.android.google.cn/studio/

    安装Dart以及Flutter插件

    1582641283028.jpg 1582641313932.jpg

    安装模拟器

    1582641230480.jpg

    VSCode:https://code.visualstudio.com/

    并且安装Dart以及Flutter插件

    1582641037612.jpg

    Xcode:通过Appstoe搜索直接可以安装

    默认自带模拟器

    在偏好设置中可以下载其他版本的模拟器

    1582641516443.jpg

    之后在终端再次运行

    `查看flutter环境的状态

    flutter doctor

    可以看到环境都已经正常

    1582641647194.jpg

    接下来就可以开始Flutter之路啦

    相关文章

      网友评论

          本文标题:(一)Flutter MAC环境配置

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