Flutter 官网步骤https://flutterchina.club/setup-macos/
1 Flutter安装
下载地址https://github.com/flutter
![](https://img.haomeiwen.com/i8935434/9a754c24f9a4da92.png)
按照一下步骤执行:
![](https://img.haomeiwen.com/i8935434/479ed50f3619f8f5.png)
![](https://img.haomeiwen.com/i8935434/705b28c28a3ebeb2.png)
![](https://img.haomeiwen.com/i8935434/7e53218ef7cdb30f.png)
不成功结果:
![](https://img.haomeiwen.com/i8935434/39755bb87db3d0a1.png)
给的提示运行吧 终端挨个输入
brew update
这个需要一些时间有点慢
![](https://img.haomeiwen.com/i8935434/c7fe25297631da98.png)
brew install --HEAD usbmuxd 出错了 下面是错误原因
![](https://img.haomeiwen.com/i8935434/91f817efba0a4b3d.png)
如提示所说,安装ruby除了安装Xcode外,还需要安装Command Line Tools。
打开终端,输入命令:
xcode-select --install
确保安装成功:
xcode-select -p
出现"/Library/Developer/CommandLineTools" 路径即表示安装成功。
![](https://img.haomeiwen.com/i8935434/316a29754e7083b0.png)
![](https://img.haomeiwen.com/i8935434/3368f2ce38f9b1bd.png)
这就表示成功了 还需要等一会儿:
brew link usbmuxd
![](https://img.haomeiwen.com/i8935434/cc9d3c5174383ab2.png)
brew install --HEAD libimobiledevice小心这里也会出错
![](https://img.haomeiwen.com/i8935434/153550bfa8dc0c14.png)
![](https://img.haomeiwen.com/i8935434/3574f7f79ffca152.png)
两个错误 第一个直接rm就好
第二个是发现/usr/local/下没有路径/usr/local/Frameworks
需要新建该路径,并修改权限
$ sudo mkdir /usr/local/Frameworks
$ sudo chown $(whoami):admin/usr/local/Frameworks
终端重新brew install --HEAD libimobiledevice 走一遍 成功
![](https://img.haomeiwen.com/i8935434/509ed7c6c94b1132.png)
紧接着 brew install ideviceinstaller
![](https://img.haomeiwen.com/i8935434/89e42cc56ede9346.png)
运行 flutter doctor
运行以下命令查看是否需要安装其它依赖项来完成安装:
![](https://img.haomeiwen.com/i8935434/ca9426d7b011e779.png)
终端输入brew install ios-deploy
![](https://img.haomeiwen.com/i8935434/23617fa33848a9a6.png)
这就好了
$ flutter create flutterapp
$ cd flutterapp
$ flutter run
![](https://img.haomeiwen.com/i8935434/554912d2a46d47ea.png)
![](https://img.haomeiwen.com/i2645110/a8bbaeebc33926d0.png)
3.安装JDK
在Windows上安装完JDK还需要配置环境变量,但是在Mac上非常方便了
![](https://img.haomeiwen.com/i2645110/dc3284a1a6573888.png)
双击下载好的dmg 文件,依次执行以下步骤,即可安装完成。
![](https://img.haomeiwen.com/i2645110/fb146b1a56e0aefe.png)
![](https://img.haomeiwen.com/i2645110/e86b97eea2ee9ff2.png)
第二步:下载、安装AndroidStudio
AndroidStudio下载地址:
如果不能翻墙建议使用以下地址下载:http://www.android-studio.org
官方地址:http://developer.android.com/intl/zh-cn/sdk/index.html
下载完成后如下:
![](https://img.haomeiwen.com/i2645110/75b122b87325be5e.png)
2.安装
按照如下提示移动AndroidStudio,即可完成安装。
![](https://img.haomeiwen.com/i2645110/cd66e944516cb843.png)
第三步:运行AndroidStudio
1.首次打开会有如下提示:
![](https://img.haomeiwen.com/i2645110/37bd9429633d2ee9.png)
第一个选项,询问你是否之前有使用其他版本,需要导入配置。
第二个选项,是默认AS设置,不需要导入。由于第一次使用,所以我选择后者,点击“OK”按钮。
2.可能会弹出如下界面,提示无法访问Android SDK,可以暂时不管,直接cancel。
![](https://img.haomeiwen.com/i2645110/acbcf11fb45ed7aa.png)
3.弹出如下界面,直接next。
![](https://img.haomeiwen.com/i2645110/0f7c27ff62f15145.png)
![](https://img.haomeiwen.com/i2645110/8c0d4cad8cadae0b.png)
上图为选择安装组件的形式,我们这里选择标准模式。
接下来弹出ui主题的选择,我们默认,然后next。
![](https://img.haomeiwen.com/i2645110/5b18109093f931b7.png)
4.显示下载组件信息,等待下载完成。
![](https://img.haomeiwen.com/i2645110/e3a14038136e8bb9.png)
![](https://img.haomeiwen.com/i2645110/479dc21e585aa2c9.png)
下载完成后就可以使用AndroidStudio开发应用程序了。
打开AndroidStudio
二、安装插件
Android Studio要进行Flutter的开发,还需要安装两个插件: Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等). Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).
安装方式: 在Preferences>Plugins中进行安卓,如图:
在Plugins中点Browse repositories,然后搜索 Flutter 和 Dart
然后便可以开始安装,安装过程中可能会出错,多尝试几次。
安装完成后重启Android Studio后插件生效。
三、打开或创建Flutter 工程
1、新建Flutter工程
进入File-New-New Flutter Project(或者在Android studio启动引导界面创建),然后选择Flutter Application,再填写工程名、路径等信息便新建了一个Flutter工程
2、打开已有的Flutter工程
这一点和官方的介绍IntelliJ的操作差异比较大。
在Android studio启动引导界面选择Open a existing Android Studio Project(或者在File-Open进行打开),然后选择Flutter工程的主目录,打开
打开项目之后会一系列报错 因为之前没有下载sdk 会有提示下载 点击download直接下载 下载完成后错误直接就没有了 在终端
那么第一步要作的是允许协议(android-licenses)。允许方法就是在终端运行如下命令:
flutter doctor --android-licenses复制代码
然后让你输入Y/N的时候,一路Y就可以了(至于啥意思,我也没仔细看,大概就和安装软件的下一步下一步是一样的,你按N是不能成功的)。
最后结果
![](https://img.haomeiwen.com/i8935434/4ffa1fbccfd0dbb1.png)
网友评论