mac 傻瓜式安装flutter

2019-05-29 本文已影响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

解决方法

安装 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插件

启动 VS Code
调用 View>Command Palette…
输入 ‘install’, 然后选择 Extensions: Install Extension action
在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
选择 ‘OK’ 重新启动 VS Code

通过Flutter Doctor验证您的设置

调用 View>Command Palette…
输入 ‘doctor’, 然后选择 ‘Flutter: Run Flutter Doctor’ action
查看“OUTPUT”窗口中的输出是否有问题

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