美文网首页
Mac 上搭建Flutter开发环境

Mac 上搭建Flutter开发环境

作者: 小老弟码代码 | 来源:发表于2020-09-21 15:14 被阅读0次

    1)安装Flutter SDK
    2)IOS 环境配置
    3)安卓环境配置(我是个iOS开发此处忽略)
    4)VS code 配置

    安装Flutter SDK

    官网地址:https://flutter.io/setup-macos/
    直接在 Get the Flutter SDK 中下载当前最新的SDK

    下载flutter(终端执行下面命令)
    这里我直接使用git clone命令(YOURPATH为你FlutterSDK安装目录 替换成你想要安装的路径):

    //1.终端中输入以下指令克隆项目
    git clone -b beta https://github.com/flutter/flutter.git
    //2. 导出到Flutter保存路径
    export PATH=`pwd`/flutter/bin:$PATH
    

    由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,可以将如下环境变量加入到用户环境变量中(打开终端执行下面命令):

    export PUB_HOSTED_URL=https://pub.flutter-io.cn //(国内用户需设置)
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //(国内用户需设置)
    export PATH=`pwd`/flutter/bin:$PATH //pwd 放的是flutter文件路径 例如/Users
    

    此时运行

    flutter doctor
    

    下图是我的执行结果:
    运行Flutter doctor命令查看是否需要安装其它依赖项来完成安装,这一步需要的时间可能会特别长要有耐心、要有耐心、要有耐心,重要的事说三遍,我用了三天 - -。
    该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务

      [-] Android toolchain - develop for Android devices
      • Android SDK at /Users/obiwan/Library/Android/sdk
       ✗ Android SDK is missing command line tools; download from [https://goo.gl/XxQghQ](https://links.jianshu.com/go?to=https%3A%2F%2Fgoo.gl%2FXxQghQ)
       • Try re-installing or updating your Android SDK,
       visit [https://flutter.io/setup/#android-setup](https://links.jianshu.com/go?to=https%3A%2F%2Fflutter.io%2Fsetup%2F%23android-setup) for detailed instructions.
    

    虽然我出现这个显示,因为我不打算用Android SDK运行所以先忽略了。
    以上检测iOS,Android环境说明没有问题。

    VS Code 配置

    下载地址:https://code.visualstudio.com

    VS code的Flutter配置也很简单:
    打开VS code -> Extentions管理
    在搜索框中搜索 Flutter
    搜索到Flutter, 点击安装即可
    Dart环境也是自动会安装好


    20200213102927749.png.jpeg

    VSCode里提示zsh: command not found XXX

    楼主刚学flutter踩的坑,困扰了两天终于解决了。

    在Mac里的终端输入 flutter doctor,dart --version, flutter --version,都没问题。然而在VSCode里,执行单独的dart文件,VSCode终端里却显示zsh: command not found Dart。说明VSCode里面没有和dart关联起来(VSCode已经装了Dart和Flutter插件,同时本地已经安装好了FlutterSDK,环境变量也搞定了),苦思不得其解!!!

    最后发现是因为根目录少了个.zshrc文件,

    1.创建.zshrc文件,如果有就忽略这部操作

    2.在这里面加一句代码source ~/.bash_profile,

    3.最后在终端输入source ~/.zshrc就可以搞定了。

    这个.zshrc可以用vim打开,或者找到跟目录用文本编辑打开。

    刚入坑的菜鸟,有何不足,请不吝赐教。

    参考地址:https://www.jianshu.com/p/6fe2bf11007f
    https://blog.csdn.net/iotjin/article/details/105629266
    菜鸟小老弟,如有不足,请多多指教!!!

    相关文章

      网友评论

          本文标题:Mac 上搭建Flutter开发环境

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