美文网首页
Flutter初体验

Flutter初体验

作者: 我阿郑 | 来源:发表于2018-12-21 19:38 被阅读46次

    Flutter 官方文档指南

    Flutter 发布有段时间了,今天下午终于忙里偷闲体验了一波Flutter,官方文档整体写的还比较详细,就是配置环境是走了波小坑。

    一、获取Flutter SDK

      1. 去flutter官网下载其最新可用的安装包,转到下载页
      1. 解压SDK包 (手动解压或者命令解压)
      1. 解压完之后添加flutter相关工具到path中:
      • 打开终端到用户主目录 然后执行下sudo ls命令查看文件
      • 找到./bash_profile 文件然后配置环境变量
        把这这几句话添加到./bash_profile 文件中

    如果没有Android SDK需要先下载,或者直接下载Android Studio,我是用的Android Studio

    export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH
    export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
    export ANDROID_HOME="/Users/用户名/Documents/android_sdk" //android sdk目录,替换为你自己的即可
    export PATH=${PATH}:${ANDROID_HOME}/tools
    export PATH=${PATH}:${ANDROID_HOME}/platform-tools
    

    下面是我自己的路径

    配置环境变量 安卓环境变量配置

    这里对应的是你自己的fuller解压后的bin的目录

    image.png

    如果使用的是zsh,那么同样到用户主目录找到.zshrc这个文件,添加source ~/.bash_profile

    image.png

    source ~/.bash_profile添加到.zshrc这个文件

    image.png
      1. 运行flutter doctor命令查看是否需要安装其它依赖项来完成安装 (这一步只是查看作用,也可以跳过)

    根据自己需求去安装iOS 和安卓对应的依赖项

    比如没安装前


    image.png

    安装后


    image.png
      1. 编辑器设置 到这里就参考官方文档就可以了

    相关文章

      网友评论

          本文标题:Flutter初体验

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