美文网首页
mac 傻瓜式安装flutter

mac 傻瓜式安装flutter

作者: 唐师兄 | 来源:发表于2019-05-29 15:13 被阅读0次

    按照文档来 https://flutterchina.club/setup-macos/

    如果你不能翻墙,我这里有一个放在百度云盘的,有需要的可以下载
    链接: https://pan.baidu.com/s/1j66GzFWypthf75JmAFF40w 提取码: vmhw 复制这段内容后打开百度网盘手机App,操作更方便哦


    问题1:

    // 下载下来的 flutter 安装的目录
    cd ~/development  
     // ~/Downloads 你要安装的目录 
    unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip 
    //默认当前目录则为 
    unzip flutter_macos_v0.5.1-beta.zip  // flutter_macos_v0.5.1-beta.zip 下载下来的版本,也就是你的名称
    
    //然后执行 
    export PATH=`pwd`/flutter/bin:$PATH
    
    //再执行 
    flutter doctor
    

    重点来了,你会碰到一堆问题了


    问题 2

    Android toolchain - develop for Android devices
    
    image.png

    解决方法

    1. 安装 android studio
      安装完以后,接着执行
    flutter doctor
    

    还有问题,那么打开android studio,安装 sdk,安装的过程中可能会弹窗提示

    mac Unable to access Android SDK add-on list
    

    有时候多取消几次就自己安装了,我自己是这样的,不知道为何。但是网上有人贴出了答案
    https://www.jianshu.com/p/dcf5675c8a9e

    • 进入应用程序,找到Android Studio,右键->显示包内容->Contents->bin,找到文件idea.properties,使用文本工具打开
    • 在idea.properties文件末尾添加一行:disable.android.first.run=true,然后保存文件
    • 关闭Android Studio后重新启动,便可进入界面

    这个时候去倒杯茶吧,慢慢安装 sdk...


    执行

    flutter doctor
    

    现在上面问题基本已经解决


    问题 3

    图片.png

    按照提示依次执行下方命令即可


    问题 4

    1.png
    解决方案:
    • 安装两个插件:
      Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
      Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).
    • 启动Android Studio.
      打开插件首选项 (Preferences>Plugins).
      选择 Browse repositories…, 选择 Flutter 插件并点击 install.
      重启Android Studio后插件生效.

    问题 5

    2.png

    这个问题就非常好解决了,打开图中的链接,按照指引,打开 Visual Studio Code, 如果没有该应用的去安装一下,打开链接提示安装即可


    问题 6

    配置编译器出现的问题,我这里是用的 visual studio code

    安装 VS Code
    • VS Code, 安装1.20.1或更高版本.
    安装Flutter插件
    1. 启动 VS Code
    2. 调用 View>Command Palette…
    3. 输入 ‘install’, 然后选择 Extensions: Install Extension action
    4. 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
    5. 选择 ‘OK’ 重新启动 VS Code
    通过Flutter Doctor验证您的设置
    1. 调用 View>Command Palette…
    2. 输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
    3. 查看“OUTPUT”窗口中的输出是否有问题

    同样的按照教程,出现了如下问题


    image.png
    解决方法:

    点击 Locate SDK,载入你本地安装 flutter路径即可解决。

    相关文章

      网友评论

          本文标题:mac 傻瓜式安装flutter

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