美文网首页Flutter圈子Flutter
Flutter笔记之安装和运行(一)

Flutter笔记之安装和运行(一)

作者: zonda的地盘 | 来源:发表于2018-09-05 15:07 被阅读19次

    目前客户端开发,新一点的技术基本都是往跨平台的方向走,在 flutter-io.cn 看到了 使用 Flutter 快速构建美观又高性能的移动应用 的分享,于是抽空试水了一下 Flutter

    部分初学者可能会根据 Get Started: Install 进行安装,但是由于目前 Flutter 出于高速更新迭代的阶段,个人还是倾向于参考 Flutter Installation Bundles ,通过 clone 最新的 Github 上的代码,来安装最新迭代的版本。

    当然,不管哪种方式,国内开发者最好都要先参考 Using Flutter in China 这篇文章,再开始进行安装。

    下面简单记录一下,安装的步骤和遇到的问题。

    1、配置 PUB_CACHE 环境变量

    尽管对于dart来说pub_cache是可选的,但本人还是偏好设置一个指定路径。在Mac和Linux中,缓存目录默认是~/.pub-cache。在Windows中,位于AppData\Roaming\Pub\Cache。可以通过设置PUB_CACHE环境变量对缓存目录进行修改。

    2、在Flutter的GitHub仓库clone到最新版本,然后配置Flutter的Path环境变量,具体如下图所示:

    .bash_profile 文件的 Flutter 配置

    3、依次执行命令 flutter doctor 、flutter update-packages 并按提示完成相关软件的安装。

    即便配置了环境变量并执行了 "source ~/.bash_profile" ,可能会出现 "command not found:flutter"的情况,此时解决办法如下:

    • 打开vim ~/.zshrc 将你要配置到环境变量配置到该文件中即可
    • 打开vim ~/.zshrc 添加source ~/.bash_profile ,这样~/.bash_profile配置的环境变量同样有效

    4、安装Flutter插件(主要使用 AndroidStudio 为IDE,因此在 AS 安装 Flutter 插件即可)

    5、AS创建Flutter新工程

    这一步可能会在创建工程最后一步出现“卡死”的情况,解决方案:

    • 直接kill掉AS进程(保险起见还记得执行命令“killall dart”)
    • 在新建的工程目录下执行“flutter packages get -v”
      -启动AS重新Import该工程即可

    相关文章

      网友评论

        本文标题:Flutter笔记之安装和运行(一)

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