美文网首页
ios Flutter环境配置

ios Flutter环境配置

作者: 大冰子gg | 来源:发表于2022-06-27 11:02 被阅读0次

    一、Flutter SDK

    有两种方式,安装包和git,个人习惯用git

    安装包形式:

    1、直接去官网下载安装包,转到下载页
    2、解压安装包到你想安装的目录,例如我的本地目录 /Users/apple/development
    3、PATH环境变量配置(后面直接介绍全局配置方法)

    git引入方式

    1、clone到本地仓库,https://github.com/flutter/flutter.git
    2、切换分支到stable,这是稳定版本分支,也是官方用来发版的分支,flutter版本有更新时直接拉取即可,个人觉得这种方式更方便
    3、PATH环境变量配置(后面直接介绍全局配置方法)

    注意自己安装包的解压位置,或者git仓库位置,配置环境变量时需要使用,例如我的
    /Users/apple/development/flutter

    image.png

    二、全局环境变量配置

    打开 ~/.bash_profile,如果没有就创建 touch .bash_profile。添加以下内容,注意别删掉里面默认的内容

    export PUB_HOSTED_URL=https://pub.flutter-io.cn 
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
    export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
    

    PATH_TO_FLUTTER_GIT_DIRECTORY 改为你开始解压flutter安装包的位置
    例如我的:export PATH=~/development/flutter/bin:$PATH

    运行 source $HOME/.bash_profile 刷新当前终端窗口

    注意: 如果你使用的是zsh(如果上面配置完bash_profile还是不能完全生效基本就是这个原因),终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc(如果没有这个文件就创建一个) ,在其中添加:source ~/.bash_profile,运行 source $HOME/.zshrc 刷新当前终端窗口

    通过运行flutter/bin命令验证目录是否在已经在PATH中

    echo $PATH
    

    注意这里操作所在的目录,是在用户根目录下,不是在flutter文件夹目录下,例如下面是我的

    WX20220627-110532@2x.png

    三、安装依赖

    至此环境基本安装配置完成,如果已经安装了Xcode和Androdi Studio可以运行flutter doctor查看是否需要安装其它依赖项来完成安装

    flutter doctor
    
    WX20220627-104009@2x.png

    如果有报错可根据提示处理

    四、flutter编译器

    可以用Android Studio和VS Code,不过现在看官方文档里面把VS Code的说明文档去掉了,不知道是不是不太建议大家后续继续使用
    那就以Android Studio为例:
    打开设置页面Android Studio-> Preference->Plugins,搜索flutter,然后点击install安装,一般会同时安装Dart,如果没有自动安装也可以搜索Dart进行安装

    WX20220627-105457@2x.png

    重启Android Studio,然后就可以开始创建flutter工程了

    可参考官方文档 地址

    相关文章

      网友评论

          本文标题:ios Flutter环境配置

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